Hisia CSS flex-wrap

Mifano na Tukio

Flex-wrap kina inaonyesha kwamba aninza ya ujumbe inaonekana kwa kuzingatia.

Mawazo:Kina flex yanaangalia kwa sababu ya kina hali yake inaingia katika kina flex.

Tazama pia:

Mafunzo ya CSS: Flexbox ya CSS

Mafunzo ya CSS:Flex kina

Mafunzo ya CSS:Flex-basis kina

Mafunzo ya CSS:Flex-direction kina

Mafunzo ya CSS:Flex-flow kina

Mafunzo ya CSS:Flex-grow kina

Mafunzo ya CSS:Flex-shrink kina

Mafunzo ya HTML DOM:FlexWrap kina

Mfano

Kusafirisha aninza ya ujumbe kwa nguvu:

div {
  display: flex;   
  flex-wrap: wrap;
}

Tafuta tena

Inaunda ya CSS

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;

Chaguo cha kina

Chaguo Maelezo
nowrap Chaguo cha kuzingatia. Inaonyesha kwamba aninza ya ujumbe haipo sahihi kusafirishwa.
wrap Inaonyesha kwamba aninza ya ujumbe inaweza kusafirishwa kwa nguvu.
wrap-reverse Inaonyesha kwamba aninza ya ujumbe inaweza kusafirishwa kwa nguvu, kwa njia ya hivi karibuni.
initial Kusababisha hii kina kwa chaguo cha kuzingatia kwa kuzumu. Tazama initial.
inherit Kusababisha hii kina kuzingatia kwa kuzumu kutoka kwa elementi yake ya kwanza. Tazama inherit.

Maelezo ya teknolojia

Chaguo cha kuzingatia: nowrap
Kupatikana kwa kuzumu: Haiwezi
Tengeneza ya aninza: Husukumiza. Tazama:Matumizi ya aninza ya tamu.
Tengeneza: CSS3
Inaunda ya JavaScript: object.style.flexWrap="nowrap"

Muhimu wa browseri

Mwaka walio na namba katika tabia hii inaonyesha kwa sababu ya kufikiria kwa browseri zilizosukumiza hii kina.

Mwaka walio na -webkit- au -moz- niweza kutumia jukwaa kwanza kwa chuki.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0