- 05, May 2023
- #1
Чтобы создать переход на новую строку в CSS, вы можете использовать свойство
Например, следующий CSS-код разрешает перенос строк и игнорирует дополнительные пробелы внутри элемента: cssCopy code
display
и задать ему значение block
. Это преобразует элемент в блочный элемент и заставляет следующий элемент отображаться на новой строке.
Например, если вы хотите создать переход на новую строку после каждого элемента <span>
, вы можете использовать следующий CSS-код:
cssCopy code
span {
display: block;
}
Этот код применит к каждому элементу <span>
свойство display: block
, которое создаст переход на новую строку после каждого элемента.
Также вы можете использовать свойство white-space
и задать ему значение pre-line
, чтобы разрешить перенос строк, но игнорировать дополнительные пробелы.
Например, следующий CSS-код разрешает перенос строк и игнорирует дополнительные пробелы внутри элемента: cssCopy code
div {
white-space: pre-line;
}
Обратите внимание, что для использования свойства white-space
необходимо убедиться, что в HTML-коде присутствуют переносы строк, пробелы или табуляции.