propiedades de flexibilidad HTML DOM Style
Ejemplos
Dejar que toda la flexibilidad del proyecto con la misma longitud y no hacer caso de su contenido:
y[i].style.flex="1";
}
Trate »
Definición y Uso
propiedades de flexibilidad en relación con el mismo contenedor flexible para otros artículos, establece o devuelve la longitud del proyecto.
propiedad de la flexión es una propiedad resumida flexGrow, flexShrink y propiedades flexBasis.
Nota: Si elelemento no es flexible de proyectos, la propiedad de la flexión no funciona.
Soporte para el navegador
Además de Safari, todos los demás navegadores soportan grandes propiedades de flexibilidad.
IE 9 y versiones anteriores no son compatibles con propiedades de flexibilidad. Es decir, 10 sólo necesita prefijo MS admite esta propiedad.
gramática
Devuelve propiedades de flexibilidad:
Configuración de las propiedades de flexión:
propiedad Valor
| 值 | 描述 |
|---|---|
| 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 。 |
detalles técnicos
| Por defecto: | 0 1 auto |
|---|---|
| Devuelve: | Cadena que representa el elemento de atributo flex. |
| versión CSS | CSS3 |
Artículos relacionados
CSS Referencia: Propiedades Flex
HTML DOM estilo de referencia: la propiedad flexBasis
HTML DOM estilo de referencia: la propiedad flexDirection
HTML DOM estilo de referencia: la propiedad FlexFlow
HTML DOM estilo de referencia: la propiedad flexGrow
HTML DOM estilo de referencia: la propiedad flexShrink
HTML DOM estilo de referencia: la propiedad FlexWrap