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

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

как заставить word wrap выкл?

439
css html word-wrap

3 ответов

вам нужно использовать CSS white-space

727

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

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

интересно, почему вы находите в качестве решения " пробел "с" nowrap "или" pre", он не делает правильное поведение: вы заставляете свой текст в одной строке! Текст должен разбивать строки, но не слова по умолчанию. Это вызвано некоторыми атрибутами css: word-wrap, overflow-wrap, word-break и дефисами. Таким образом, вы можете иметь либо:

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;

UPDATE: я предоставляю также доказательство с JSfiddle: https://jsfiddle.net/azozp8rr/

0