webentwicklung-frage-antwort-db.com.de

Bruchsicherer Text?

sagen wir, ich habe einen Text wie diesen

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 unterbrochen werden

Betrachten Sie den obigen Absatz. Ich möchte, dass der fett gedruckte Teil möglichst nicht über eine neue Zeile unterbrochen wird. Ich möchte, dass es unterbrochen wird, wenn eine Bildlaufleiste oder etwas anderes erforderlich ist, aber nicht, wenn vor oder nach diesem Text ein Seitenumbruch eingefügt werden kann, damit er in eine Zeile passt.

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

57
Earlz

Verwenden Sie die white-space Eigenschaft:

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; }
111
cletus

Der Vollständigkeit halber hinzufügen:

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

Für reine Textblöcke glaube ich, dass HTML-Formatierungs-Tags wie <i>, <b>, <nobr> und sind gleichermaßen gültig. Verwenden Sie für den Inhalt der Site-Struktur <em>, <strong> und <span class="">.

12
BananaAcid

bootstrap 4 hat eine Klasse = "text-nowrap"

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

2