ໄອບລັກ ກອມພະຍາດ ທາງການສະແດງ
- baya ɗaya flex-basis
- baya ɗaya flex-flow
ding yi he yong fa
flex-direction shu xing zhui dui lian xing xiang mu de fen xiang.
zhu shi:idanci bai ba shi lian xing xiang mu, reng wei flex shu xing wu xiao.
kuma:
Tuturu na CSS:Ƙarfin CSS
Manufar CSS:kwararrun flex
Manufar CSS:kwararrun flex-basis
Manufar CSS:kwararrun flex-flow
Manufar CSS:kwararrun flex-grow
Manufar CSS:kwararrun flex-shrink
Manufar CSS:kwararrun flex-wrap
Manufar HTML DOM:属性 na flexDirection
wasan kwaikwayo
samar da hanyar ɗaya ɗaya na ƙirƙira ɗaukar ɗaukar na <div> na ɗaya:
div { display: flex; flex-direction: row-reverse; }
Girman ɗaukaci:
flex-direction: row|row-reverse|column|column-reverse|initial|inherit;
kwararrun ɗaya
Kiyas | sauti |
---|---|
row | Kiyas: |
row-reverse | karin kamar kudurin kudu, amma kuma kammala. |
column | ka fi kamar kudurin kudu, kuma ƙirƙira ɗaukar ɗaukar ɗaukar. |
column-reverse | karin kamar kudurin kudu, amma kuma kammala. |
initial | ka fi ƙarfi dake kiyas. Ƙarmin: initial。 |
inherit | ka fi ƙarfi daga abin ɗaya a ƙasance. Ƙarmin: inherit。 |
sauti na ƙarfi
Kiyas: | row |
---|---|
ka fi ƙarfi: | karshi |
ƙirƙira: | ka fi ƙarfi. karin:属性 na ƙarfi na ƙirƙira。 |
Ban: | CSS3 |
Girman ɗaukaci: | object.style.flexDirection="column-reverse" |
karin wasan kwaikwayo
yi amfani da flex-direction da sabon sauti don samar da layi daban-daban don ɗaukar ɗaukar da gajerun abin da ke samar da:
.flex-container { display: flex; flex-direction: row; } /* sabon sauti - samar da layi ɗaya (100%) kafin layi ɗaukar (50%) */ @media (max-width: 800px) { .flex-container { flex-direction: column; } }
tambayawa browsers
Tattaba na tabbin suna suna nuna ɗayan browsers na farko da suka ɗauki amfani da kwararrun kamar yadda.
Tattaba -webkit- tana -moz- ceceka shiwarin na farko wanda ke amfani da sunan abin da aka yi a farkon.
چروم | آئی-ای / اینج | فایرفاکس | سافاری | اوپرا |
---|---|---|---|---|
29.0 21.0 -webkit- |
11.0 | 28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
- baya ɗaya flex-basis
- baya ɗaya flex-flow