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.
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; }
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="">.
bootstrap 4 hat eine Klasse = "text-nowrap"
mehr hier https://getbootstrap.com/docs/4.0/utilities/text/#text-wrapping-and-overflow