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

Question

Я столкнулся с этой проблемой.В Angular 2 у нас есть сообщение об ошибке, и я не знаю, по какой причине, когда не хватает места для слова, оно разделяет это слово, так что некоторая часть остается на строке, а остальная часть выбрасывается на следующей строке. Вот экран с изображением

Есть ли какой-нибудь терм для блокировки слов?

Спасибо.

Answer 1

Не могу видеть изображения, но я думаю, проблема.

используйте word-wrap: nowrap, чтобы остановить это:

div {
  width: 100px;
  border: 1px solid black;
}

.one-line {
  white-space: nowrap;
}

<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ultricies.</div>
<div class="one-line">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ultricies.</div>