Einen Text nicht brechen lassen?

Question

Sagen Sie, ich habe ein solches Stück Text

Hallo, ich bin ein Text Hallo, ich bin ein Text Hallo, ich bin ein Text Hallo, ich bin ein Text Ich möchte nicht in neuen Zeilen gebrochen werden

Betrachten Sie den obigen Absatz. Ich möchte, dass der fettgedruckte Teil wenn möglich nicht über eine neue Linie gebrochen wird. Ich möchte, dass es brechen soll, wenn es eine Bildlaufleiste oder etwas anderes erfordern würde, aber nicht brechen, wenn es möglich ist, vor oder nach diesem Text eine Seitenstrecke einzufügen, damit er in eine Zeile passen kann.

Wie ist das möglich? Ich habe Dinge wie versucht wie page-break-inside Und so, aber es scheint nichts in Firefox zu tun.

Answer 1

Verwenden Sie das white-space Eigentum:

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>

mit:

span.nobr { white-space: nowrap; }

Answer 2

Fügen Sie dies zur Vollständigkeit hinzu:

Wenn Sie CSS nicht verwenden möchten, können Sie verwenden <nobr>text with space</nobr> - Hinweis hier

Für reine Textblöcke, Ich glaube <i>, <b>, <nobr> und gleich sind für die Verwendung gültig.Für Inhalte in Bezug auf die Site -Struktur verwenden <em>, <strong> und <span class="">.

Answer 3

Bootstrap 4 hat eine Klasse = "Text-Nowrap"

mehr hier https://getbootstrap.com/docs/4.0/utilities/text/#text-wrapping--overflow