如何在HTML中关闭换行?

我觉得很傻，不能解决这个问题，但我如何关闭文字换行?CSS的word-wrap属性可以通过break-word强制开启，但不能强制关闭(只能保留正常值)。

我如何强制换行?

当前回答

永远不会中断文本，将保持其他默认值

white-space: pre;:永远不会中断文本，将保持多个空格在另一个空格后面作为多个空格，如果显式地写入中断将会中断(在html等中按回车键)

其他回答

您需要使用CSS white-space属性。

特别是，white-space: nowrap和white-space: pre是最常用的值。第一个似乎是你想要的。

增加了webkit的特定值，从上面的缺失

white-space: -moz-pre-wrap; /* Firefox */
white-space: -o-pre-wrap; /* Opera */
white-space: pre-wrap; /* Chrome */
word-wrap: break-word; /* IE */

我想知道为什么你发现作为解决方案的“空白”与“nowrap”或“pre”，这是不做正确的行为:你强迫你的文本在一行! 文本应该断行，而不是默认的断行。这是由一些css属性引起的:换行、溢出换行、换行和连字符。所以你可以选择:

word-break: break-all;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;

所以解决方案是删除它们，或者用"unset"或"normal"覆盖它们:

word-break: unset;
word-wrap: unset;
overflow-wrap: unset;
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;

更新:我也提供证明与JSfiddle: https://jsfiddle.net/azozp8rr/

这为我工作阻止愚蠢的工作休息发生在Chrome文本区域

word-break: keep-all;

永远不会中断文本，将保持其他默认值

white-space: pre;:永远不会中断文本，将保持多个空格在另一个空格后面作为多个空格，如果显式地写入中断将会中断(在html等中按回车键)

推荐文章