Почему мои слова разделяются на разрыв строки innerhtml? - PullRequest
0 голосов
/ 04 октября 2019

Я получаю html-код из моей базы данных с html-тегом. Я хочу отобразить его на своем сайте, поэтому я использую: [innerHTML]="selectedNews?.content | safe"

Если мой контент: Lorem ipsum is placeholder text

В конце строки слово будет прерываться, а неперейти к следующей строке.

Пример:

Lorem ipsum is placehol
der text 

Вместо

Lorem ipsum is 
placeholder text

Как я могу это исправить?

Спасибо

1 Ответ

3 голосов
/ 04 октября 2019

Добавьте этот атрибут к элементу html, где он добавлен [innerHTML]:

style='word-break: normal;'

Затем вы можете попробовать это также:

style='word-break: break-all;'

если я правильно понял, вы ожидаете word-break: normal;

<style>
p {
  width: 170px; 
  border: 1px solid blue;
}

p.a {
  word-break: normal;
}

p.b {
  word-break: break-all;
}
</style>
</head>
<body>

<h3>word-break: normal:</h3>
<p class="a">Lorem ipsum is 
placeholder text</p>

<h3>word-break: break-all:</h3>
<p class="b">Lorem ipsum is 
placeholder text</p>

</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...