Як вимкнути обговорення слів у HTML?

517

Мені здається дурним, що я не в змозі розібратися в цьому, але як я вимкнути перебір слів? word-wrapвластивість css може бути примусово включена break-word, але не може бути примусово вимкнена (лише може бути залишена одна зі normalзначенням).

Як змусити слово загорнути від ?

html css word-wrap

— Олександр Птах
джерело

852

Потрібно використовувати white-spaceатрибут CSS .

Зокрема, white-space: nowrapі white-space: preє найбільш часто використовувані значення. Перший, здається, це те, що ти шукаєш.

— Джон
джерело

25

Додано специфічні значення веб-веб-сайту, відсутніх зверху

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

— Матас Вайткевічус
джерело

3

Цікаво, чому ви вважаєте, що як рішення "пробіл" з "ноурап" або "до", це не правильна поведінка: ви змушуєте текст в один рядок! Текст повинен порушувати рядки, але не розбивати слова за замовчуванням. Це спричинено деякими атрибутами 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/

— зод
джерело

1

Я розумію, чому ти взагалі хочеш розбити слова. Але припускати, що немає вагомих причин повертати обгортання слів для мене не має сенсу. Я швидко спробував протестувати ваше "невстановлене" рішення, і він все ще мав обговорення слів. Якщо ви думаєте, що це має спрацювати, будь ласка, надайте jsfiddle, що демонструє його.

— Олександр Птах

Я не знаю, чому моя відповідь зникла. Знову ж таки, ви можете примусити норап, зазвичай це роблять люди за кнопки. Але я думаю, що це погана конструкція з чуйних причин, тому що тексти можуть виходити за межі контейнера. У будь-якому разі, питання про перенесення слів: розбиття слова, примусовий випуск, і ви запитували, як відмовитись. Отже, я надав код, щоб це зробити. Пробіл: nowrap - це інша річ, і це не видалення ламання слів, це видалення ламання цілих рядків. Також я пропоную порівняння коду з JSfiddle: https://jsfiddle.net/azozp8rr/

— zod

2

Це працювало для мене, щоб зупинити нерозумні робочі перерви у текстових областях Chrome

word-break: keep-all;

— Райан Чармі
джерело