我想使用具有一些宽度相同的项目的 Flexbox。我注意到 Flexbox 均匀地分配空间，而不是空间本身。
例如：
.header {
display: flex;
}
.item {
flex-grow: 1;
text-align: center;
border: 1px solid black;
}
<div class="header">
<div class="item">asdfasdfasdfasdfasdfasdf</div>
<div class="item">z</div>
</div>
第一个项目比第二个项目大很多。如果我有三个项目、四个项目或 n 个项目，我希望它们全部显示在同一行上，并且每个项目的空间大小相同。
有任何想法吗？
http://codepen.io/anon/pen/gbJBqM http://codepen.io/anon/pen/gbJBqM
设置它们，以便它们的flex-basis is 0（因此所有元素都有相同的起点），并允许它们增长：
flex: 1 1 0px;
您的 IDE 或 linter 可能会提到这一点the unit of measure 'px' is redundant。如果你省略它（例如：flex: 1 1 0)，IE 将无法正确呈现此内容。所以px需要支持 Internet Explorer，如 @fabb 的评论中所述；
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
