CSS flex布局不等分的处理方法

2019独角兽企业重金招聘Python工程师标准>>>

正常我们flex布局等分时使用

.item1,.item2 {
	flex-grow:1;
}

如：

<div id="parent">

　　<div id="item1"></div>

　　<div id="item2"></div>

</div>

但是，如果我们填充了内容：

<div id="parent">

　　<div id="item1">填充内容</div>

　　<div id="item2"></div>

</div>

此时的并不会等分。解决办法：

.item1,.item2 {
	width：0;
	flex-grow:1;
}

添加width:0;解决。

转载于:https://my.oschina.net/pokdars/blog/3023900