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 you have read our privacy policy.

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