首页 >web前端 >html教程 >html中关于p标签不对齐问题

html中关于p标签不对齐问题

黄舟原创: 2017-07-03 13:48:373457浏览

这里写图片描述

如图出现的不对齐现象：

<html>
<head>
    <title>sda</title>
    </head>
    <body align=center>
    <p>故人西辞黄鹤楼    
    <p>烟花三月下扬州    
    <p>黄鹤一去不复返    
    <p>白云千载空悠悠    
    <br>
    <img align=center src= "1.png">
    </body>
    </html>

这里写图片描述

如图已修正
解决方法很多
但都差不多奉行的原则是语法标准问题
1. 将p标签补齐，p标签可以单独存在，但是规范写的话尽量还是补齐
2. p标签的text-align 属性设置为center也可以解决
3. 由1发现的其实0c6dc11e160d3b678d68754cc175188a标签并没有实现换行，而是像给了p的后标签做了一个补全一样，当将最后一个p标签换为94b3e26ee717c64999d7867364b1b4a3时，明显发现图片与文字之间多了一个空行，这个空行可以理解为p标签的功能补全或者说是br标签的功能执行？

<html>
<head>
    <title>sda</title>
    </head>
    <body align=center>
    <p>故人西辞黄鹤楼    
    <p>烟花三月下扬州    
    <p>黄鹤一去不复返    
    <p>白云千载空悠悠</p>
    <br>
    <img align=center src= "1.png">
    </body>
    </html>

此外一个大佬说过：

0c6dc11e160d3b678d68754cc175188a 写在行头的话，如果前面一行正好显示到末尾，有可能会在两行间多空出来一行。把 0c6dc11e160d3b678d68754cc175188a 标签写在行尾比较好。

以上是html中关于p标签不对齐问题的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：html中p标签文字换行与不换行以及文字隐藏详解下一篇：html中如何让DIV标签中的P标签水平和垂直都居中？

查看更多