box-flex CSS3 propriété
Exemples
Définir deux éléments p flexibles. Si la largeur totale de la boîte-mère est 300px, # P1 aura une largeur de 100 pixels, # P2 aura une largeur de 200 pixels:
{
-moz-box-flex:1.0; /* Firefox */
-webkit-box-flex:1.0; /* Safari and Chrome */
-ms-flex:1.0; /* Internet Explorer 10 */
box-flex:1.0;
border:1px solid red;
}
#p2
{
-moz-box-flex:2.0; /* Firefox */
-webkit-box-flex:2.0; /* Safari and Chrome */
-ms-flex:2.0; /* Internet Explorer 10 */
box-flex:2.0;
border:1px solid blue;
}
Essayez »
support du navigateur
Le navigateur dominante actuelle ne supporte pas la propriété de la boîte-flex.
Internet Explorer 10 propriété privée par le soutien de -ms-flex.
Firefox par la propriété privée de soutien-box-flex -moz.
Safari et Chrome par la propriété privée soutien-box-flex -webkit.
Remarque: Internet Explorer 9 et les versions antérieures de IE ne prennent pas en charge la boîte flexible.
Définition des attributs et des instructions
attribut box-flex spécifie élément boîte de l'enfant est de taille flexible ou fixe.
Astuce: Avec laboîte rétrécir et se développer, si l'élément est un psy flexible ou croître. Chaque fois qu'il ya un espace supplémentaire dans la boîte, les éléments flexibles se dilatent pour remplir l'espace.
Par défaut: | 0,0 (indiquant que l'élément est non flexible) |
---|---|
Héritage: | aucun |
Version: | CSS3 |
Syntaxe JavaScript: | objet .style.boxFlex = 2.0 |
grammaire
valeur | description |
---|---|
valeur | éléments de flexibilité. Tout Flex est relatif |