Сделать кусок текста не безразличным?
Вопрос
Скажи, что у меня есть такая часть текста
Привет, я немного по тексту, я немного по тексту, я немного по тексту Я не хочу, чтобы меня ломали на новых линиях
Рассмотрим вышеупомянутый абзац. Я хочу, чтобы разделенная часть не была сломана по новой линии, если это возможно. Например, я хочу, чтобы он сломался, если это потребует полоса прокрутки или что-то в этом роде, но не сломается, если можно вставить разрыв на странице до или после этого фрагмента текста, чтобы он мог поместиться на одной строке.
Как это возможно? Я пробовал что -то вроде page-break-inside
И то же, но, похоже, это ничего не делает в Firefox.
Решение
Использовать 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; }
Другие советы
Добавление этого для полноты:
Если вы не хотите использовать CSS, вы можете использовать <nobr>text with space</nobr>
- ссылка здесь
Для чистых текстовых блоков, я считаю, что не аниморные теги HTML-форматирования, такие как <i>
, <b>
, <nobr>
и похожи на использование.Для контента, связанного со структурой сайта использовать <em>
, <strong>
а также <span class="">
.
Bootstrap 4 имеет класс = "Text-Nowrap"
больше здесь https://getbootstrap.com/docs/4.0/utilities/text/#text-wrapping-and-overflow