how to use CSS flex-crescem atributo in cssref?

CSS flex-crescem atributo

Assim que o segundo elemento é três vezes a largura dos outros elementos:

div:nth-of-type(1) {flex-grow: 1;}
div:nth-of-type(2) {flex-grow: 3;}
div:nth-of-type(3) {flex-grow: 1;}

Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.

Imediatamente após a -webkit- digitais, -ms- ou -moz- após a primeira versão para suportar a propriedade prefixo.

propriedade
flexionar a crescer	29,0 21,0 -webkit-	11.0 10,0 -ms-	28,0 18,0 -moz-	9 6.1 -webkit-	17,0

flex-crescem atributo é usado para definir ou recuperar o índice de expansão bolsa flexível. .

Nota: Se oelemento não é resiliente objeto de caixa de elemento, o flex-grow propriedade não funciona.

padrão:	0
herança:	não
Pode ser animado:	Sim. Por favor, consulte a animação (Animatable) . tentar
versão:	CSS3
sintaxe JavaScript:	objeto .style.flexGrow = "5"tentar

flex-grow:number|initial|inherit;

值	描述
number	一个数字，规定项目将相对于其他灵活的项目进行扩展的量。默认值是 0。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。