HTML-DOM-Art Biegeeigenschaften
Beispiele
Lassen Sie die Flexibilität des Projekts mit der gleichen Länge und ignorieren ihre Inhalte:
y[i].style.flex="1";
}
Versuchen »
Definition und Verwendung
flex Eigenschaften in Bezug auf die gleichen flexiblen Behälter für andere Elemente, setzt oder die Länge des Projekts zurückgibt.
flex-Eigenschaft ist eine Kurzschrift-Eigenschaft flexGrow, flexShrink und flexBasis Eigenschaften.
Hinweis: Wenn dasElement nicht flexibel Projekt ist, wird der Flex - Eigenschaft nicht.
Browser-Unterstützung
Neben Safari, alle anderen gängigen Browsern unterstützt flex Eigenschaften.
IE 9 und früheren Versionen unterstützen keine flex Eigenschaften. 10 IE benötigen nur Präfix MS unterstützt diese Eigenschaft.
Grammatik
Gibt flex Eigenschaften:
Einstellen flex Eigenschaften:
Eigenschaft Wert
值 | 描述 |
---|---|
flex-grow | 一个数字,规定项目将相对于其他灵活的项目进行扩展的量。 |
flex-shrink | 一个数字,规定项目将相对于其他灵活的项目进行收缩的量。 |
flex-basis | 项目的长度。合法值:"auto"、"inherit" 或一个后跟 "%"、"px"、"em" 或任何其他长度单位的数字。 |
auto | 与 1 1 auto 相同。 |
none | 与 0 0 auto 相同。 |
initial | 设置该属性为它的默认值,即为 0 1 auto。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
Technische Details
Standard: | 0 1 auto |
---|---|
Rückkehr: | String für die Flex-Attribut Element. |
CSS-Version | CSS3 |
In Verbindung stehende Artikel
CSS Referenz: Flex Properties
HTML - DOM - ART - Referenz: flexBasis Eigenschaft
HTML - DOM - ART - Referenz: flexDirection Eigenschaft
HTML - DOM - ART - Referenz: Flexflow - Eigenschaft
HTML - DOM - ART - Referenz: flexGrow Eigenschaft
HTML - DOM - ART - Referenz: flexShrink Eigenschaft
HTML - DOM - ART - Referenz: flexWrap Eigenschaft