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

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

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

3 439
html css 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-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/

0