0

Хочу задать ограничения на ширину страницы html, что-бы если отображается очень длиная строка без пробелов, то внизу не появлялся ползунок, ибо это все портит. Например есть строка <p>тутДолжноБытьОченьДлинноеСообщениеИзОднойСтрокиБезПробеловКотороеНеУмещаетсяВЭкран</p> И нужно что-бы она переносилась на следующую строку если не вмещается в экран. max-width не работает в данном случае, я пробовал. Просьба подробно объяснить решение, ибо я по большей части пишу бэкенд и не понимаю html.

1
  • 1
    <p word-wrap: break-word;>тутДолжноБытьОченьДлинноеСообщениеИзОднойСтрокиБезПробеловКотороеНеУмещаетсяВЭкран</p>
    – Sergey
    27 фев 2022 в 13:28

1 ответ 1

1

Для этого в css существует свойство word-break (https://developer.mozilla.org/ru/docs/Web/CSS/word-break). Оно как раз и управляет тем, где будет установлен перевод на новую строку в случае превышения текстом границ блока.

p {
  max-width: 100px;
  word-break: break-word;
}
<p>тутДолжноБытьОченьДлинноеСообщениеИзОднойСтрокиБезПробеловКотороеНеУмещаетсяВЭкран</p>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.