web-dev-qa-db-fra.com

Rendre un morceau de texte insécable?

dis que j'ai un morceau de texte comme celui-ci

Bonjour je suis du texte Bonjour je suis du texte Bonjour je suis du texte Bonjour je suis du texte je ne souhaite pas être interrompu sur de nouvelles lignes

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

Comment est-ce possible? J'ai essayé des choses comme page-break-inside et ainsi de suite, mais il ne semble rien faire dans Firefox.

57
Earlz

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

Ajouter ceci pour être complet:

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 que les balises de formatage html ne sont plus dépourvues de caractère comme <i>, <b>, <nobr> et similaires sont valables pour une utilisation. Pour le contenu relatif à la structure du site utilisez <em>, <strong> et <span class="">.

12
BananaAcid
2
Yevgeniy Afanasyev