Сделать кусок текста неразрывным?

Question

Скажи, у меня есть кусок текста, как это

Привет, я какой-то текст Привет, я какой-то текст Привет, я какой-то текст

Рассмотрим приведенный выше абзац. Я хочу, чтобы жирная часть не была перебита новой линией, если это возможно. Например, я хочу, чтобы он ломался, если бы потребовалась полоса прокрутки или что-то еще, но не ломался, если можно вставить разрыв страницы до или после этого фрагмента текста, чтобы он мог уместиться на одной строке.

Как это возможно? Я пробовал такие вещи, как page-break-inside и такое, но, похоже, ничего не делает в Firefox.

Answer 1

Использовать white-space имущество:

Hello I am some text Hello I am some text Hello I am some text
Hello I am some text <span class="nobr">I do not wish to be
broken on new lines</span>

с:

span.nobr { white-space: nowrap; }

Answer 2

Добавим это для полноты:

Если вы не хотите использовать CSS, вы можете использовать <nobr>text with space</nobr> - ссылка здесь

Для чистых текстовых блоков, я полагаю, что больше не ограничиваются тегами форматирования HTML, как <i>, <b>, <nobr> и так же действительны для использования.Для контента, относящегося к структуре сайта, используйте <em>, <strong> а также <span class="">,

Answer 3

У начальной загрузки 4 есть класс ="text-nowrap"

подробнее здесь https://getbootstrap.com/docs/4.0/utilities/text/