HTML DOM Estilo propriedades de flex
Exemplos
Deixe toda a flexibilidade do projeto com o mesmo comprimento e ignorar o seu conteúdo:
y[i].style.flex="1";
}
tente »
Definição e Uso
propriedades de flex em relação ao mesmo recipiente flexível para outros itens, define ou retorna o tamanho do projeto.
propriedade flex é uma propriedade estenográfica flexGrow, flexShrink e propriedades flexBasis.
Nota: Se oelemento não é um projeto flexível, a propriedade Flex não funciona.
Suporte a navegadores
Além de Safari, todos os outros principais navegadores suportam propriedades de flex.
IE 9 e versões anteriores não suportam propriedades de flex. IE 10 só precisa de prefixo MS suporta esta propriedade.
gramática
Retorna propriedades Flex:
Definindo as propriedades de flex:
Valor de propriedade
| 值 | 描述 |
|---|---|
| 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 。 |
detalhes técnicos
| padrão: | 0 1 auto |
|---|---|
| retorna: | String representando o elemento de atributo flex. |
| versão CSS | CSS3 |
artigos relacionados
CSS Referência: Propriedades Flex
HTML DOM estilo de referência: flexBasis propriedade
HTML DOM estilo de referência: propriedade flexDirection
HTML DOM estilo de referência: propriedade FlexFlow
HTML DOM estilo de referência: flexGrow propriedade
HTML DOM estilo de referência: flexShrink propriedade
HTML DOM estilo de referência: flexWrap propriedade