Comment s'assurer que deux mots restent sur la même ligne?
Je crée un site Web personnel pour moi-même. Dans ma courte biographie, j'ai quelques mots (ou groupes de mots) qui sont mis en évidence. Dans certains de mes tests, j'ai remarqué que parfois deux mots se séparent, donc l'effet de mise en évidence ressemble à de la merde.
Voici à quoi cela devrait ressembler et à quoi il ressemblera si la police change, respectivement:
[Devrait ressembler à] http://i.imgur.com/MZmyj5S.png
[Je ne veux pas que cela se produise] http://i.imgur.com/yLoYIza.png
Remarquez comment le "développeur Web" est séparé sur deux lignes. Est-ce que je peux m'assurer qu'ils restent ensemble?
Merci d'avance! -Adam
PS: Si vous avez besoin de voir mon code actuel, faites le moi savoir; ne pensez pas que cela aidera beaucoup cependant.
Appliquez simplement un espace insécable ( ) entre les deux mots:
Word1 Word2
Ceci est particulièrement utile en ce qui concerne la ponctuation et les nombres en français
Si vous en avez besoin à plus grande échelle, vous pouvez utiliser CSS:
div {
white-space: nowrap;
}<div>Word 1 Word2 Word3</div>Vous devrez utiliser cette méthode si vous essayez de vous assurer que le texte et un svg restent ensemble sur la même ligne, l'espace insécable ne fonctionne pas pour cela.
Vous pouvez créer une classe nowrap afin de pouvoir l'appliquer n'importe où:
<span class="nowrap">No one can wrap us</span>
La manière CSS:
a { white-space: nowrap; }