Я чувствую себя глупо из-за того, что не могу понять это, но как мне отключить перенос слов? word-wrapсвойство css может быть включено с помощью break-word, но не может быть принудительно отключено (может быть оставлено только со normalзначением).
Как заставить слово завернуть от ?
Вам нужно использовать white-spaceатрибут CSS .
В частности, 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 textareas
источник