Hisia la CSS flex-basis

Ufafanuzi na matumizi

Kifupi cha flex-basis kinapendekeza urefu wa kina kuu cha kina kuu cha kina kuu.

Mafupi:Kama elementi haikuchukuliwa kama kina kuu cha kiflex, kifupi cha kiflex kinahatarishwa.

Tazama pia:

Makao ya ujumbe cha CSS: Kifungaji cha kiflex cha CSS

Kitabu cha kuelewa cha CSS:flex mifano

Kitabu cha kuelewa cha CSS:flex-direction mifano

Kitabu cha kuelewa cha CSS:flex-flow mifano

Kitabu cha kuelewa cha CSS:flex-grow mifano

Kitabu cha kuelewa cha CSS:flex-shrink mifano

Kitabu cha kuelewa cha CSS:flex-wrap mifano

Kitabu cha kuelewa cha HTML DOM:flexBasis mifano

Mifano

Inapendekeza urefu wa kina kuu cha kina kuu ya kina kuu ya 100 mita:

div:nth-of-type(2) {
  flex-basis: 100px;
}

Jifunze kwa urahisi

Inayotumiwa na CSS

flex-basis: number|auto|initial|inherit;

Wakati wa kusaidia

Wakati wa kusaidia Inasema
number Mimewa ya urefu au nukuu, inapendekeza urefu wa kina kuu wa kina kuu cha kina kuu.
auto Wakati wa kusaidia. Urefu unaonekana kwa urefu wa kina kuu. Ikiwa kina kuu haujapendekeza urefu, urefu unaweza kuwa kwa matokeo wa kina kuu.
initial Kuweka kifupi hii kwa wakati wa kuzingatia kwa wakati wa kuzingatia kwa kifupi kwa wakati wa kuzingatia. Tazama: initial.
inherit Kuweka kifupi hii kwa wakati wa kuzingatia kwa kufungua kifupi kutoka kwa kina kuu. Tazama: inherit.

Mifano ya teknolojia

Wakati wa kusaidia: auto
Kutumia: Hakuna
Hali ya huzuni: Inasimulia. Tazama:Mimewa ya hali ya huzuni.
Tovuti: CSS3
Inayotumiwa na JavaScript: object.style.flexBasis="200px"

Muungano wa kifungaji

Mimewa ya kati ya tabia inasema na sababu ya kwanza ya kufungua kifupi kwa kila tabia.

Mimewa ya -webkit- au -moz- inayotazama na sababu ya kwanza ya kufungua kifupi.

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