我会承认， 当我不想让它们中断时（例如表头），我有在单词之间使用的习惯。
我真的应该用 来设计我的元素white-space:nowrap吗？如果我唯一要做的就是不让文字包装，是否有任何优点/缺点？
问问题
3635 次
2 回答
9
在某些情况下，不间断空间无济于事：
- 该词包含一个连字符（例如web-developer）；
hyphens: auto用于容器元素自动进行断字。
在这些情况下，white-space: nowrap很有用。此外，无论样式是否应用于文档，不间断空格都有效，而 CSS 规则仅在启用样式时有效。
于 2013-03-14T14:01:48.230 回答
0
white-space:nowrap有几个优点
- 它可以全局应用于所有匹配的文本元素。如果您将它放在一个类中或将其应用于所有跨度，那么您不需要
在所有文件中添加/删除。 - 与拥有一堆 html 实体相比，它使 html 更易于阅读。它还允许将您的源代码包装到下一行而不会弄乱任何东西（
行尾的 a 呈现为 2 个空格）。 - 它可以应用于难以/不可能用 . 替换空格的元素
。例如，在反应中<span style={{whiteSpace: 'nowrap'}}>{myValue}</span>工作正常，无需编辑值。这对于反应特别有用，因为它会转义任何 html 实体（并且使用 unicode 非中断空间非常不适合人类阅读）。 - 它可用于没有空格但有连字符的文本。
white-space:nowrap也胜过hyphens: auto,overflow-wrap: anywhere，word-break: break-word虽然你不应该有矛盾的风格。 - 是否自动换行是在样式而不是文档结构的范围内，因此
white-space:nowrap比 CSS 优先于<b>.
于 2020-12-17T04:48:42.583 回答