我的CSS设计师做了一个设计，从左到右布置了两个ul兄弟姐妹。布局是通过指定ul标签的宽度完成的。
他正在Windows上使用Firefox，其中一切都看起来不错。我在OS X上使用Firefox，其中一个li标签的内容具有太多的文本，因此它流向另一行。该设计的目的是使文本在一行。
有几个注意事项：
>我想要的ul标签从左到右，不是从上到下
>我想要的解决方案是i18n友好(翻译字符串不应该导致他们分成两行)
如果这是以像素定义，为什么在Windows X中与Windows相比，即使在同一浏览器中也会有所不同？
有没有一般的CSS解决方案可以防止包装线或阻止页面看起来不同于在OS X和Windows之间的换行？还是这是一个失败的原因？
解决方法
设置白色空间：在uls上的nowrap将防止文本包装，直到< br />被发现。据我所知，列表已经是水平的，但为了完整，您可以通过显示li元素来实现：inline或display：inline-block。白色空间：nowrap将不适用于浮动列表项。
参考文献：
> the white-space CSS property
> cross-browser display: inline-block
