Maison > interface Web > tutoriel HTML > La méthode d'implémentation spécifique pour empêcher le retour à la ligne automatique et la non-séparation forcée des divs en HTML

La méthode d'implémentation spécifique pour empêcher le retour à la ligne automatique et la non-séparation forcée des divs en HTML

高洛峰
Libérer: 2017-03-07 11:18:25
original
2850 Les gens l'ont consulté

Cet article vous présente diverses implémentations de p en HTML sans retour à la ligne automatique. Par exemple, vous pouvez utiliser la balise nobr pour réaliser un retour à la ligne sans ligne, utiliser l'élément nowrap, etc. Les amis intéressés peuvent se référer à ce qui suit. 1. Utilisez la balise pour éviter les sauts de ligne

Le code est le suivant :

<p>Hello world!<nobr> Hello world!<nobr></p> 
2.用<用nowrap元素>标签
Copier après la connexion

Le code est le suivant :

<p nowrap>Hello world! Hello world! Hello world! Hello world!</p>
Copier après la connexion


3 Coup de ligne forcé

Le code est le suivant :

p{ 
white-space:nowrap; 
}
Copier après la connexion


S'il y a deux p, vous pouvez utiliser float. pour obtenir aucun saut de ligne

Le code est le suivant :

<p class="class1">hello </p> 
<p class="class2">world! </p> 
.class1 {float:left;}
Copier après la connexion


5. Vous pouvez également utiliser l'affichage dans p pour obtenir aucun saut de ligne

Le code est le suivant :

<p class="class1">hello </p> 
<p class="class2">world! </p> 
.class1 {display:inline;} 
.class2{display:inline;}
Copier après la connexion

Plus en html Veuillez faire attention au site Web PHP chinois pour les articles connexes sur les méthodes d'implémentation spécifiques de div qui n'encapsulent pas automatiquement ou ne forcent pas d'encapsulation.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal