Избегайте перекрытия ширины с пробелами: предварительно - PullRequest
0 голосов
/ 20 апреля 2020

Здравствуйте, я пытаюсь создать разговор как приложение. Мне нужно было white-space: pre;, чтобы показывать новые строки для моего сообщения с помощью \ n, но когда я это сделаю ... Оно будет перекрываться. Я пытаюсь найти способ заставить \n создавать новые строки и в то же время создавать разрывы слов, чтобы слова не перекрывали мой div

<!DOCTYPE html>
<html>
<head>
<style>
p.c {
  white-space: pre;
}
</style>
</head>
<body>

<h2>white-space: pre:</h2>
<div style="width:300px; background: red">
<p class="c">
This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.This is some text. This is some text. This is some text. \n
This is some text. This is some text. This is some text.
</p>
</div>

</body>
</html>

Ответы [ 2 ]

1 голос
/ 20 апреля 2020

Просто используйте:

p.c {
    white-space: pre-wrap;
}

предварительная упаковка: Последовательности пробелов сохраняются. Строки разбиваются на символах новой строки, на <br> и, при необходимости, для заполнения полей.

Подробнее о white-space значениях здесь .

0 голосов
/ 20 апреля 2020

Я должен был использовать предварительную строку в первую очередь, чтобы решить ее

p.c {
  white-space: pre-line;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...