为什么Padding-right就会出现底部的小部分间隙。 - WEB前端(UI)

VB丶小宇

来　自：河北省石家庄市
等　级：论坛游侠
帖　子：172
专家分：142
注　册：2013-3-11
结帖率：96.77%

楼主

已结贴√ 问题点数：20 回复次数：3

为什么Padding-right就会出现底部的小部分间隙。

首先正常的网页设计：

图片附件: 游客没有浏览图片的权限，请登录或注册

代码：

程序代码：

<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head></head>
<body>
<table cellpadding="0" cellspacing="0" border="5" bordercolor="red">       <!--定义单元格内文字与单元格边框的距离为0，定义单元格的表元间隙为：0，定义边框粗细为5，定义边框颜色为红色。-->
<tr>
<td valign="top" style="border:blue 5px solid; padding-bottom:10px;"><img src="Pictures/3.jpg"></img>   <!--定义单元格的对齐方式为靠顶端对齐.css内联样式，定义边框颜色为蓝色，粗细为5像素，实线。图片距离底部边框为10像素。-->
</td>
</tr>
</table>
</body>
</html>

实现如图1的效果，可以正常显示。
错误的：

图片附件: 游客没有浏览图片的权限，请登录或注册

代码：

程序代码：

<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head></head>
<body>
<table cellpadding="0" cellspacing="0" border="5" bordercolor="red">       <!--定义单元格内文字与单元格边框的距离为0，定义单元格的表元间隙为：0，定义边框粗细为5，定义边框颜色为红色。-->
<tr>
<td valign="top" style="border:blue 5px solid; padding-left:10px;"><img src="Pictures/3.jpg"></img>   <!--定义单元格的对齐方式为靠顶端对齐.css内联样式，定义边框颜色为蓝色，粗细为5像素，实线。图片距离左边框为10像素。-->
</td>
</tr>
</table>
</body>
</html>