如何在HTML中关闭自动换行？

我觉得无法解决这个问题很愚蠢，但是如何关闭wordwrap呢？ 可以使用break-word强制使用css word-wrap属性，但不能强制关闭 （只能保留normal ）。

如何强制自动换行 ？

---

#1楼

添加了上面缺少的webkit特定值

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

---

#2楼

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

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

---

#3楼

我想知道你为什么找到带有“nowrap”或“pre”的“white-space”解决方案，它没有做正确的行为：你强迫你的文字在一行！ 文本应该断行，但不会破坏单词作为默认值。 这是由一些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/