cuadro-flex CSS3 propiedad
Ejemplos
Definir dos elementos p flexibles. Si la anchura total de la caja de los padres es 300px, # P1 tendrá una anchura de 100 píxeles, # P2 tendrá una anchura de 200 píxeles:
{
-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;
}
Trate »
Soporte para el navegador
El navegador corriente actual no admite la propiedad box-flex.
Internet Explorer 10 propiedad privada por el apoyo -ms-Flex.
Firefox por la propiedad privada de apoyo -moz-box-flex.
Safari y Chrome por la propiedad privada de apoyo webkit-box-flex.
Nota: Internet Explorer 9 y versiones anteriores de IE no son compatibles con la caja flexible.
Definiciones de atributos e instrucciones
atributo de cuadro-flex especifica elemento de caja menor es el tamaño flexible o fijo.
Consejo: Con lacaja encogen y crecen, si el elemento es una contracción flexible o crecer. Cada vez que hay un espacio extra en la caja, los elementos flexibles se expanden para llenar el espacio.
Por defecto: | 0.0 (indicando que el elemento no es flexible) |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar .style.boxFlex = 2.0 |
gramática
valor | descripción |
---|---|
valor | elementos de flexibilidad. Todo es relativo Flex |