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

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

Bootstrap 4 имеет класс = "Text-Nowrap"

больше здесь https://getbootstrap.com/docs/4.0/utilities/text/#text-wrapping-and-overflow