Rendere un pezzo di testo non violare?

Question

dì che ho un pezzo di testo come questo

Ciao sono un testo ciao sono un testo ciao sono un testo ciao sono un messaggio Non desidero essere rotto su nuove linee

Considera il paragrafo di cui sopra. Voglio che la parte in grassetto non venga suddivisa su una nuova linea, se possibile. Come in, voglio che si rompa se richiederebbe una barra di scorrimento o qualcosa del genere, ma non si rompe se è possibile inserire una pausa prima o dopo quel pezzo di testo in modo che possa adattarsi a una riga.

Com'è possibile? Ho provato cose come page-break-inside E così, ma non sembra fare nulla in Firefox.

Answer 1

Utilizzare il white-space proprietà:

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>

insieme a:

span.nobr { white-space: nowrap; }

Answer 2

Aggiungendo questo per completezza:

Se non si desidera utilizzare CSS, potresti usare <nobr>text with space</nobr> - riferimento qui

Per blocchi di testo puri, credo che tag HTML di formattazione HTML non depronati non-animero <i>, <b>, <nobr> e allo stesso modo sono validi per l'uso.Per contenuti relativi alla struttura del sito uso <em>, <strong> e <span class="">.

Answer 3

Bootstrap 4 ha un class = "text-nowrap"

Altro qui https://getbootstrap.com/docs/4.0/utilities/text/#text-wrapping-and-overflow