Maison > Article > interface Web > Comment définir la balise p pour qu'elle ne soit pas enveloppée dans CSS
Comment configurer la balise p pour qu'elle ne soit pas enveloppée : utilisez l'attribut display et définissez la valeur de l'attribut display dans l'élément de balise p sur "inline" ou "inline-block", cela entraînera la balise p ; à afficher en tant qu'élément en ligne ou élément de bloc en ligne S'il n'y a pas de saut de ligne avant et après l'élément, les sauts de ligne ne seront pas possibles.
L'environnement d'exploitation de cet article : Acer S40-51, CSS3&&HTML5&&HBuilder
la balise p est de niveau bloc élément et occupera sa propre ligne. Par défaut, la balise p sera automatiquement renvoyée. Exemple :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css设置p标签不换行</title> <style> p{ background: pink; } </style> </head> <body> <p>测试文本。</p> <p>测试文本。</p> <!-- p标签是块级元素,会独占一行 默认情况下p标签会自动换行的 --> </body> </html>
Rendu :
Si nous voulons que la balise p ne soit pas renvoyée à la ligne, laissez les deux balises p être dans le idem Comment le configurer ? Définissez que la balise p ne soit pas enveloppéecss peut empêcher la balise p de s'enrouler en définissant "display:inline;" ou "display:inline-block; " style pour la balise p Saut de ligne. Exemple :
Rendu :<p>display:inline ; <img src="https://img.php.cn/upload/image/334/627/883/161174319630599Comment%20d%C3%A9finir%20la%20balise%20p%20pour%20quelle%20ne%20soit%20pas%20envelopp%C3%A9e%20dans%20CSS" title="161174319630599Comment définir la balise p pour quelle ne soit pas enveloppée dans CSS" alt="Comment définir la balise p pour quelle ne soit pas enveloppée dans CSS"></p>
L'attribut display spécifie le type de boîte que l'élément doit générer. <strong>display:inline;</strong>
Le réglage de la largeur et de la hauteur n'est pas valide
Pas de retour à la ligne automatique
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!