在Safari或Chrome中查看这个jsFiddle,然后在Firefox中查看:http://jsfiddle.net/brandondurham/LRJhm/
它在Webkit中的样子:http://cloud.smallparade.com/B4TE
它在Firefox中的样子:http://cloud.smallparade.com/B53R
您会看到Firefox中的灵活框已损坏.两个box(.left)中的较长时间将css属性white-space设置为,nowrap因为,我不希望它包装.这个单一属性使灵活的盒子中断并扩展以适应.leftdiv 的整个内容.
其他人看到过这种行为吗？有修复？
ele*_*ram 10
虽然我认为robertc接受的答案是正确的(这就是盒子弹性应该如何工作).您可以通过将框的宽度显式设置为0来禁用他所说的"内在"宽度.这样,只考虑您指定的宽度分布.
可以解释此行为,因为当您将所有宽度设置为零时,所有宽度将变为"剩余",因此分布完全取决于您指定的内容.
设置width: 0在元素上,这将成为它的"首选宽度",并将使元素内的非包装文本项正常运行.
http://lists.w3.org/Archives/Public/www-style/2011Jan/0201.html
这就是它应该如何工作的。Flexbox 在计算出元素的固有宽度后分配剩余空间，它不控制元素本身的固有宽度。这就是为什么如果您没有在事物上设置明确的宽度，结果会不直观，尽管工作组正在审查规范。
我的建议是尝试使用，display: table;尽管您可能会遇到一些类似的问题。
| 归档时间： |
|
| 查看次数： |
3011 次 |
| 最近记录： |