Как отключить перенос слов в HTML?

Question

Я чувствую себя глупо из-за того, что не могу понять это, но как мне отключить перенос слов?свойство css word-wrap может быть принудительно включено с помощью break-word, но не может быть принудительно выключено (можно оставить в покое только со значением normal).

Как применить силуобернуть выкл ?

Answer 1

Вам необходимо использовать атрибут CSS white-space.

В частности, white-space: nowrap и white-space: pre являются наиболее часто используемыми значениями. Первый, кажется, то, что вы ищете.

Answer 2

Добавлены определенные значения webkit, пропущенные сверху

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

Answer 3

Интересно, почему вы находите в качестве решения «пробел» с «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/