Mfano wa CSS flex-flow

Maelezo na matumizi

Tabia ya flex-flow ni tabia ya kufuata tabia zingine:

Mawachukunji:Tabia ya flex haiwezi kufanikiwa kama tabia ya mifanikio ya hali ya mifanikio.

Tazama pia:

Mafunzo ya CSS:Mifanikio ya CSS

Kitabu cha kuelewa cha CSS:Tabia ya flex

Kitabu cha kuelewa cha CSS:Tabia ya flex-direction

Kitabu cha kuelewa cha CSS:Tabia ya flex-basis

Kitabu cha kuelewa cha CSS:Tabia ya flex-grow

Kitabu cha kuelewa cha CSS:Tabia ya flex-shrink

Kitabu cha kuelewa cha CSS:Tabia ya flex-wrap

Kitabu cha kuelewa cha HTML DOM:Tabia ya flexFlow

Mfano

Inaonyesha mifanikio ya hali ya mifanikio kwa kirefu na kumwinda kama inayofaa:

div {
  display: flex;
  flex-flow: row-reverse wrap;
}

Jifunze tena

Inayofaa ya kiingilizi

flex-flow: flex-direction flex-wrap|initial|inherit;

Chaguo cha tabia

Mivyo Inayotafsiriwa
flex-direction

Mivyo inayoweza kufanikiwa:

  • row
  • row-reverse
  • column
  • column-reverse
  • initial
  • inherit

Chaguo cha kuzingatia ni "row".

Inaeleza ni kama tabia inayotumika kwa sababu ya kufungua mifanikio ya hali ya mifanikio.
flex-wrap

Mivyo inayoweza kufanikiwa:

  • nowrap
  • wrap
  • wrap-reverse
  • initial
  • inherit

Chaguo cha kuzingatia ni "nowrap".

Inaeleza ni kama tabia inayotumika kwa sababu ya kufungua mifanikio ya hali ya mifanikio.
initial Kuweka tabia hii kwa chaguo cha kuzingatia kwa chaguo cha kuzingatia. Tazama: initial.
inherit Kuweka tabia hii kwa chaguo cha kuzingatia. Tazama: inherit.

Maelezo ya teknolojia

Chaguo cha kuzingatia: row nowrap
Kumwinda: Haiwezi kufunguliwa
Mifanikio ya mifanikio: Haiwezi kufunguliwa. Tazama:Tabia za mifanikio ya hali ya mifanikio.
Versioni: CSS3
Inayofaa ya kiingilizi: object.style.flexFlow="column nowrap"

tabia ya kufungua browser

数字 katika tablia inaeleza sababu zilizosimama kwa sababu ya kina-masharti ya browser ya kwanza ya kufaa kwa sababu ya kina-masharti ya browser ya kwanza.

数字 katika tablia inaeleza sababu zilizosimama kwa sababu ya kina-masharti ya browser ya kwanza. Kupitia -webkit-、-ms- au -moz- ina namba ya kwanza ya kwanza inasababisha kuzingatia mawendo ya kwanza.

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