最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 15:29:54
文档

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

html中关于p标签不对齐问题:如图出现的不对齐现象:<html> <head> <title>sda</title> </head> <body align=center> <p>故人西辞黄鹤楼 <p>烟花三月下扬州 <p>黄鹤一去不复返 <p>白云千载空
推荐度:
导读html中关于p标签不对齐问题:如图出现的不对齐现象:<html> <head> <title>sda</title> </head> <body align=center> <p>故人西辞黄鹤楼 <p>烟花三月下扬州 <p>黄鹤一去不复返 <p>白云千载空


如图出现的不对齐现象:

<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发现的其实<br>标签并没有实现换行,而是像给了p的后标签做了一个补全一样,当将最后一个p标签换为</p>时,明显发现图片与文字之间多了一个空行,这个空行可以理解为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>

此外一个大佬说过:

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

文档

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

html中关于p标签不对齐问题:如图出现的不对齐现象:<html> <head> <title>sda</title> </head> <body align=center> <p>故人西辞黄鹤楼 <p>烟花三月下扬州 <p>黄鹤一去不复返 <p>白云千载空
推荐度:
标签: 标签 对齐 html
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top