Css FF和Chrome之间的Flex和分词不一致行为
我有一个使用flex的基本布局:Css FF和Chrome之间的Flex和分词不一致行为,css,firefox,flexbox,Css,Firefox,Flexbox,我有一个使用flex的基本布局: <div class="container"> <div class="left">LongTextWithNoBreaks...</div> <div class="right">Short text</div> </div> 超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州
<div class="container">
<div class="left">LongTextWithNoBreaks...</div>
<div class="right">Short text</div>
</div>
超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州
你好,世界!
FF中缺少的部分似乎是将最小宽度:0添加到左侧元素
.container{
显示器:flex;
柔性流:行换行;
宽度:100%;
单词包装:打断单词;
}
.左{
背景:灰色;
弹性:30;
最小宽度:0;
}
.对{
颜色:#333;
背景:绿色;
弹性:90;
最小宽度:0;
}
超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州超级加州
你好,世界!
您的可运行代码段没有用处,因为缺少CSS。如果你要包括一个,你需要使它实际有用。另外,您不应该强迫读者点击外部的fiddle链接——毕竟,这就是堆栈代码段的设计目的。删除代码段。我更喜欢从一个小代码示例和完整版本开始。好的,但是CSS仍然缺失。它在JSFIDLE中。正如我所说的,你不应该强迫读者点击外部链接来查看基本代码。JSFIDLE因其随机停机时间而臭名昭著,因此该链接不可能一整天都可以访问。考虑到这是一个CSS问题,包含CSS是有意义的。里面有很多CSS代码吗?是的,这是完全正确的。一旦Chrome实现了“min width”的新默认值,Chrome最终也需要这样做: