Датахакер
White space css что?
Привет, как оставить переносы которые уже написаны в тексте,но чтобы длинная строка сама переносилась, щас либо всё в одну строку либо кусок уезжает за границу.
Ваш вопрос
Датахакер
Привет, как оставить переносы которые уже написаны в тексте,но чтобы длинная строка сама переносилась, щас либо всё в одну строку либо кусок уезжает за границу.
4o
white-space управляет обработкой пробелов и переносов текста. Для сохранения авторских переводов строк с обычным переносом длинных строк чаще подходит white-space: pre-wrap. Он сохраняет последовательности пробелов и переводы строк, но разрешает перенос по ширине блока.
Если переводы строк нужно сохранить, а несколько пробелов подряд не важны, используйте pre-line. Значение pre сохраняет форматирование, но не включает обычный перенос по ширине, поэтому длинная строка может выйти за границы. Nowrap, наоборот, запрещает обычное оборачивание текста и схлопывает лишние пробелы.
Для очень длинного непрерывного слова отдельно рассмотрите overflow-wrap: anywhere. White-space не заменяет все правила разбиения слов. Если текст содержит символы HTML, выводите его безопасным текстом: сохранение переносов само по себе не требует вставки через innerHTML.
4.1 Fast
| Значение | Пробелы и переносы |
|---|---|
| normal | Лишние пробелы схлопываются, строки переносятся по ширине |
| nowrap | Лишние пробелы схлопываются, обычного переноса по ширине нет |
| pre | Исходное форматирование сохраняется без обычного оборачивания |
| pre-wrap | Форматирование сохраняется и строки оборачиваются |
| pre-line | Переводы строк сохраняются, лишние пробелы схлопываются |
Для описанной задачи начните с pre-wrap.
v4-flash
Проверьте:
white-space: pre-wrap сохраняет исходные переносы.Пока нет премиум-вопросов в подборке
Не нашли то, что искали?
Задайте свой вопрос
Лучший ответ
Датахакер
Датахакер
White space css что?
Мне нужен был pre-line, лишние пробелы как раз не нужны.