CSS właściwości Flex
Przykłady
Niech wszystkie elementy elastyczne etui model obiektowy dziecko ma taką samą długość, ignorując ich treść wewnętrzną:
{
flex:1;
}
Spróbuj »
Pomoc Browser
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji nieruchomości.
Natychmiast po -webkit- cyfrowy, -ms- lub -moz- po pierwszej wersji do wspierania własności prefiksu.
nieruchomość | |||||
---|---|---|---|---|---|
Flex | 29,0 21,0 -webkit- | 11,0 10,0 -ms- | 28,0 18,0 -moz- | 9,0 6,1 -webkit- | 17,0 |
Definicja i Wykorzystanie
Jak sub-elementy Atrybut flex jest używany do ustawiania lub pobierania Elastyczny model etui obiektowi przydzielonego miejsca.
Obiekt flex jest skróconą własnością flex-rosną, kurczą się i flex-flex-podstawą nieruchomości.
Uwaga: Jeśli element nie jest elastyczny model etui obiektów elementy podrzędne, nieruchomości Flex nie działa.
Domyślnie: | 0 1 auto |
---|---|
Dziedziczenie: | nie |
Może być animowany: | Tak,zobaczyć poszczególne atrybuty.Proszę odnieść się do animacji (Animatable) . |
Wersja: | CSS3 |
Składnia JavaScript: | object .style.flex = "1", aby spróbować |
Składnia CSS
Wartość nieruchomości
值 | 描述 |
---|---|
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 。 |
Powiązane artykuły
CSS Reference Manual: nieruchomość Flex-Basis
CSS Reference Manual: nieruchomość Flex-kierunek
CSS Reference Manual: Właściwości Flex-Flow
CSS Reference Manual: Flex-Rozwijaj własność
CSS Reference Manual: Flex-Shrink własność
CSS Reference Manual: nieruchomość Flex-wrap