Quelle est l'utilisation de l'attribut flex dans le style CSS-Questions et réponses frontales-php.cn

En CSS, l'attribut flex est utilisé pour définir ou récupérer la façon dont les éléments enfants de l'objet modèle de boîte flex allouent de l'espace ; cet attribut est l'attribut abrégé de "flex-grow", "flex-shrink" et "flex-basis". ", la syntaxe est "flex : valeur d'attribut abrégée ;".

Quelle est l'utilisation de l'attribut flex dans le style CSS

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Quelle est l'utilisation de l'attribut flex dans le style CSS ?

L'attribut flex est utilisé pour définir ou récupérer la manière dont les éléments enfants de l'objet de modèle de boîte flex allouent de l'espace.

La propriété flex est un raccourci pour les propriétés flex-grow, flex-shrink et flex-basis.

Remarque : La propriété flex n'a aucun effet si l'élément n'est pas un enfant de l'objet modèle flexbox.

La syntaxe est la suivante :

flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;

Copier après la connexion

Les valeurs d'attribut sont les suivantes :

flex-grow Un nombre qui spécifie le montant de croissance de l'élément par rapport à d'autres éléments flexibles.
flex-shrink Un nombre qui spécifie la quantité de rétrécissement d'un élément par rapport à d'autres éléments flexibles.
flex-basis La longueur de l'article. Valeurs légales : "auto", "inherit" ou un nombre suivi de "%", "px", "em" ou toute autre unité de longueur.
auto est la même chose que 1 1 auto.
aucun n'est identique à 0 0 auto.
initial Définissez cette propriété sur sa valeur par défaut, qui est 0 1 auto.
inherit hérite de cette propriété de l'élément parent.

L'exemple est le suivant :

123

红色

蓝色

带有更多内容的绿色 div

注意: Internet Explorer 9 及更早版本不支持 flex 属性。

注意: Internet Explorer 10 通过 -ms-flex 属性来支持。 IE11 及更新版本完全支持 flex 属性 (不需要 -ms- 前缀)。

注意: Safari 6.1 (及更新浏览器) 通过 -webkit-flex 属性支持。

Copier après la connexion

Résultat de sortie :

Quelle est lutilisation de lattribut flex dans le style CSS