我想使用Flexbox,有一些项目,都是相同的宽度。我注意到Flexbox均匀地分配空间,而不是空间本身。
例如:
.header { 显示:flex; } .item { flex-grow: 1; text-align:中心; 边框:1px纯黑色; } < div class = "头" > < div class = "项目" > asdfasdfasdfasdfasdfasdf < / div > z < div class = "项目" > < / div > < / div >
第一项比第二项大得多。如果我有3个项目、4个项目或n个项目,我希望它们都出现在同一行上,每个项目的空间相等。
什么好主意吗?
http://codepen.io/anon/pen/gbJBqM