Mabaki ya Kifungu cha CSS ya Kifunzi ya Kinaleseni ya Kichwa cha Kifungu

Muhtasari na Matumizi

align-content Mafanikio ya Kina flex-wrap Tukio wa kina hiki. align-items Inaonekana kama inayofaa kama inaingia, lakini hawafanyi kumaliza matumizi ya kina cha kuzingatia, bali inaingia kina cha kuzingatia.

Hatarisha:Inayofaa Kufanyika kwa sababu ya kina hiki inaenea mabaki ya kina cha kuzingatia!

Mbinu:Kufaa Kufanya: justify-content Kina hiki inaweza kumaliza matumizi kwenye mabaki wa kina cha kuzingatia kwa sababu ya kina hiki.

Tazama pia:

Mafunzo ya CSSFlexbox cha CSS

Mafunzo ya CSSCSS Grid

Kitabu cha Mbinu cha CSS:Kina cha align-items

Kitabu cha Mbinu cha CSS:Kina cha align-self

Kitabu cha Mbinu cha CSS:Kina cha justify-content

Kitabu cha Mbinu cha HTML DOM:Kina cha alignContent

Mifano

Kusambaa kwa kina cha kuzingatia kwa kina hiki:

div {
  width: 70px;
  height: 300px;
  border: 1px solid #c3c3c3;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

Jifunze Kufanya Mifano

Inayofaa Kufanyika na Kiingilizi:

align-content: stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit;

Wakati wa Kuzingatia

Kina Muhtasari
stretch Wakati wa Kuzingatia. Wakati wa mabaki wa muundo wa kina inayowekwa kwa kina hiki.
center Kusambaa kwa kina cha kuzingatia kwa kina hiki.
flex-start Kusambaa kwa kina cha kuzingatia kwa kina hiki.
flex-end Kusambaa kwa kina cha kuzingatia kwa kina hiki.
space-between Wakati wa mabaki wa muundo wa kina inayowekwa kwa kina hiki.
space-around Wakati wa mabaki wa muundo wa kina inayowekwa kwa kina hiki kwa sababu ya kina hiki inayowekwa kwa kina hiki.
initial Kumwambia kina hiki kwa wakati wa kuzingatia. Tazama: initial.
inherit Kumwambia katika kina cha baba kwa sababu ya kina hiki. Tazama: inherit.

Vituo Vya Taasisi

Wakati wa Kuzingatia: stretch
Kumwambia: Hakuna
Tengeneza Anitakatifu: Hakuna matumizi. Tazama:Matumizi ya Anitakatifu.
Makao: CSS3
Inayofaa Kufanyika na Kiingilizi: object.style.alignContent="center"

Mfano wa Kifungu cha Kifungu cha Kifungu

Makala ya mifano katika jenga la programu inaonyesha tofauti ya kwanza kwa programu ambazo zisaidia sababu ya hii kina.

Chrome IE / Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 16.0 52.0 10.1 44.0