Maison > interface Web > Questions et réponses frontales > Comment définir des balises p imbriquées pour ne pas les envelopper dans HTML5

Comment définir des balises p imbriquées pour ne pas les envelopper dans HTML5

WBOY
Libérer: 2022-01-23 15:55:25
original
4292 Les gens l'ont consulté

En HTML5, vous pouvez utiliser l'attribut display pour définir la balise p imbriquée à afficher sans sauts de ligne. La fonction de cet attribut est de spécifier le type de boîte de génération d'élément lorsque la valeur de l'attribut est définie sur "inline". ", il n'y aura pas de saut de ligne avant et après l'élément. Affichage sans saut de ligne, la syntaxe est "

".

Comment définir des balises p imbriquées pour ne pas les envelopper dans HTML5

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur Dell G3.

Comment définir les balises p imbriquées pour qu'elles ne soient pas enveloppées dans html5

L'attribut display spécifie le type de boîte que l'élément doit générer.

Une partie des valeurs d'attribut​​de cet attribut sont les suivantes :

Comment définir des balises p imbriquées pour ne pas les envelopper dans HTML5

L'exemple est le suivant :

<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
</head>
<body>
<div>
<p style="display:inline;">这两个段落生成内联盒子,和它的结果</p>
<p style="display:inline;">这两个元素之间没有距离。</p>
</div>
</body>
</html>
Copier après la connexion

Résultat de sortie :

Comment définir des balises p imbriquées pour ne pas les envelopper dans HTML5

Tutoriel recommandé : "Tutoriel vidéo HTML "

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!

É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