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