1. Home
  2. Propriétés CSS flex

Le meilleur didacticiel Propriétés CSS flex en 2024, dans ce didacticiel, vous pouvez apprendre Exemples,support du navigateur,Définition et utilisation,Syntaxe CSS,Valeur de la propriété,articles connexes,

Propriétés CSS flex

Référence CSS Référence CSS


Exemples

Que tous les éléments flexibles objet modèle de la poche de l'enfant ont la même longueur, en ignorant leur contenu interne:

#main div
{
flex:1;
}

Essayez »

support du navigateur

Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.

Immédiatement après la -webkit- numérique, -ms- ou -moz- après la première version à supporter la propriété de préfixe.

propriété
fléchir 29,0
21,0 -webkit- 		11.0
10.0 -ms- 		28,0
18,0 -moz- 		9.0
6.1 -webkit- 		17,0

Définition et utilisation

Comment sous-éléments attribut flex est utilisé pour définir ou récupérer l'objet du modèle de poche souple espace alloué.

propriété flex est un raccourci flex-pousser, flex-rétractable et flex-base propriété.

Remarque: Si l'élémentest pas modèle de poche souple objets éléments enfants, la propriété flex ne fonctionne pas.

Par défaut: 0 1 auto
Héritage: aucun
Peut être animée: Oui,voir les attributs individuels.S'il vous plaît se référer à l' animation (Animable) .
Version: CSS3
Syntaxe JavaScript: objet .style.flex = "1"pour essayer

Syntaxe CSS

flex:flex-growflex-shrinkflex-basis|auto|initial|inherit;

Valeur de la propriété

值 描述
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 。

articles connexes

CSS Manuel de référence: la propriété Flex-Basis

CSS Manuel de référence: la propriété Flex-direction

CSS Manuel de référence: Propriétés Flex-Flow

CSS Manuel de référence: Flex-Grow propriété

CSS Manuel de référence: Flex-Shrink propriété

CSS Manuel de référence: la propriété Flex-wrap


Référence CSS Référence CSS

Hot Didacticiel

Nous contacter

Propriétés CSS flex
10/30