防止CSS布局中的换行

我的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

相关文章

Css常用的排序方式权重分配 排序方式: 1、按类型&#160;...
原文:https://www.cnblogs.com/wenruo/p/9732704.html 先上...
css属性:word-wrap:break-word; 与 word-break:break-all 的...
https://destiny001.gitee.io/color/
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML...
css之background的cover和contain的缩放背景图 对于这两个属...