ໄອບລັກ ກອມພະຍາດ ທາງການສະແດງ

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; 
}

sai shi samu

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;
  }
}

sai shi samu

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