- 05, May 2023
- #1
Чтобы запретить перенос строк в CSS, нужно использовать свойство
white-space
и задать ему значение nowrap
. Это свойство указывает, как должны обрабатываться пробелы и переносы строк внутри элемента.
Вот пример CSS-кода, который запрещает перенос строк для элементов с классом no-wrap
:
cssCopy code
.no-wrap {
white-space: nowrap;
}
Теперь все текстовые элементы с классом no-wrap
не будут переноситься на новую строку, если они не помещаются в доступной ширине элемента.
Вы также можете использовать свойство white-space
со значением pre
для отображения текста с сохранением форматирования и пробелов, но без переносов строк.