Maison >interface Web >tutoriel CSS >Comment définir la balise p pour qu'elle ne soit pas enveloppée dans CSS
Comment définir la balise p pour qu'elle ne soit pas enveloppée dans CSS
- 青灯夜游original
- 2021-01-27 18:29:2416530parcourir
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 ?
css 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>
- en ligne par défaut. Cet élément sera affiché comme un élément en ligne sans saut de ligne avant ou après l'élément.
- inline-block Élément de bloc en ligne, il n'y a pas de saut de ligne avant et après l'élément. (Nouvelle valeur dans CSS2.1)
- Caractéristiques des éléments en ligne :
Le réglage de la largeur et de la hauteur n'est pas valide
- Le paramètre de marge n'est valide que dans les directions gauche et droite, pas vers le haut et vers le bas ; le paramètre de remplissage est valide dans les directions haut, bas, gauche et droite, ce qui signifie qu'il le sera. agrandir l'espace
- cela ne se fera pas automatiquement Retour à la ligne
- Caractéristiques des éléments de bloc en ligne :
Pas de retour à la ligne automatique
- Capable de reconnaître la largeur et la hauteur
- La disposition par défaut est de gauche à droite
- Pour plus de connaissances liées à la programmation, veuillez visiter : Vidéo de programmation
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!