Die flex-basisEigenschaft ist eine Untereigenschaft des Moduls Flexible Box Layout.
Es gibt die anfängliche Größe des Flex-Elements an, bevor verfügbarer Speicherplatz gemäß den Flex-Faktoren verteilt wird. Wenn in der flexKurzschrift weggelassen , ist der angegebene Wert die Länge Null.
Ein Flex-Basiswert, der festgelegt wird, um autodas Element gemäß seiner size-Eigenschaft zu dimensionieren (dies kann selbst das Schlüsselwort sein auto, das das Element basierend auf seinem Inhalt dimensioniert ).
Syntax
flex-basis: .flex-item ( flex-basis: 100px; )Bitte beachten Sie, dass negative Längen für jede Breite ungültig sind.
Demo
Browser-Unterstützung
- ( h ) bedeutet , die kürzlich von der Syntax - Spezifikation (z
display: flex;) - (hybrid) bedeutet eine ungerade nicht offizielle Syntax ab 2011 (z
display: flexbox;) - (alt) bedeutet die alte Syntax von 2009 (zB
display: box;)
| Chrom | Safari | Feuerfuchs | Oper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (modern) 20- (alt) | 3.1+ (alt) | 2-21 (alt) 22+ (neu) | 12.1+ (modern) | 10+ (Hybrid) | 2.1+ (alt) | 3,2+ (alt) |
Blackberry Browser 10+ unterstützt die neue Syntax.
Weitere Informationen zum Mischen von Syntaxen, um die beste Browserunterstützung zu erhalten, finden Sie in diesem Artikel (CSS-Tricks) oder in diesem Artikel (DevOpera).