Faire un morceau de texte non révolutionnaire?

Question

dis que j'ai un texte comme celui-ci

Bonjour je suis un texto bonjour je suis un texto bonjour je suis un texto bonjour je suis un texto Je ne souhaite pas être brisé sur de nouvelles lignes

Considérez le paragraphe ci-dessus. Je veux que la partie en gras ne soit pas franchie une nouvelle ligne si possible. Comme dans, je veux qu'il se casse si cela nécessiterait une barre de défilement ou quelque chose, mais ne pas se casser s'il est possible d'insérer une pause de page avant ou après ce morceau de texte afin qu'il puisse tenir sur une seule ligne.

Comment est-ce possible? J'ai essayé des choses comme page-break-inside Et tels, mais cela ne semble rien faire dans Firefox.

Answer 1

Utilisez le white-space propriété:

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>

avec:

span.nobr { white-space: nowrap; }

Answer 2

Ajouter cela pour l'exhaustivité:

Si vous ne souhaitez pas utiliser CSS, vous pouvez utiliser <nobr>text with space</nobr> - référence ici

Pour les blocs de texte purs, je crois <i>, <b>, <nobr> et similaires sont valables pour une utilisation.Pour le contenu relatif à la structure du site utilisation <em>, <strong> et <span class="">.

Answer 3

Bootstrap 4 a un class = "text-nowrap"

plus ici https://getbootstrap.com/docs/4.0/utilities/text/#text-wrapping-and-overflow