Maison > Article > interface Web > Problème avec le désalignement des balises p en HTML

Problème avec le désalignement des balises p en HTML

黄舟original: 2017-07-03 13:48:373428parcourir

Le phénomène de désalignement comme le montre l'image :

<html>
<head>
    <title>sda</title>
    </head>
    <body align=center>
    <p>故人西辞黄鹤楼    
    <p>烟花三月下扬州    
    <p>黄鹤一去不复返    
    <p>白云千载空悠悠    
    <br>
    <img  align=center src= "1.png" alt="Problème avec le désalignement des balises p en HTML" >
    </body>
    </html>

Problème avec le désalignement des balises p en HTML

Comme indiqué dans l'image Correction Il existe de nombreuses solutions mais le principe auquel elles adhèrent toutes est la question des normes grammaticales 1 Complétez la balise p La balise p peut exister seule, mais si elle est écrite en. de manière standardisée, essayez de le compléter autant que possible 2 Définir l'attribut text-align de la balise p au centre peut également résoudre le problème 3. . Comme découvert par 1, la balise   n'implémente pas de sauts de ligne, mais donne à la place p. Tout comme une complétion est effectuée pour la dernière balise p, lorsque la dernière balise p est remplacée par

, on constate évidemment que. il y a une ligne vierge supplémentaire entre l'image et le texte. Cette ligne vierge peut être comprise comme l'achèvement fonctionnel de la balise p ou en d'autres termes, la fonction de la balise br est-elle implémentée ?

<html>
<head>
    <title>sda</title>
    </head>
    <body align=center>
    <p>故人西辞黄鹤楼    
    <p>烟花三月下扬州    
    <p>黄鹤一去不复返    
    <p>白云千载空悠悠</p>
    <br>
    <img  align=center src= "1.png" alt="Problème avec le désalignement des balises p en HTML" >
    </body>
    </html>

Un autre grand type a dit :

  Si écrit au début de la ligne, si la ligne précédente est affichée jusqu'à la fin, il peut y avoir une ligne supplémentaire entre le deux lignes. Il est préférable d'écrire la balise   en fin de ligne.

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!

Déclaration：

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

Article précédent：Explication détaillée de l'habillage ou non du texte de la balise p et du masquage du texte en HTMLArticle suivant：Explication détaillée de l'habillage ou non du texte de la balise p et du masquage du texte en HTML

Articles Liés

Voir plus