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

楼主

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

为什么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>

可以在图片中看到我用绿色线条标记的，我仅仅设置了padding-left 为何底部还有一部分小的空白呢？
求解析。

搜索更多相关主题的帖子: color　网页设计　

第 2 楼

得分:0

没人遇到过这种情况么。。

编程最蛋疼的事：不是编程多么累，而是编完后，一点运行，出现四个字：程序错误。。。

第 3 楼

得分:0

你给个网址我在线用firebug调调吧，上面的代码连图片都没有怎么调？

那一年，苍井空还是处女

第 4 楼

得分:0

回复 3楼外部三电铃

您好，非常感谢您的解答。
我把资源打包成了压缩包，还麻烦您帮我调试一下。
资源：

Web.zip (7.01 KB)

现在的问题是：
padding-bottom、padding-top都没有问题，而
padding-left、padding-right有底部的一小部分距离。

编程最蛋疼的事：不是编程多么累，而是编完后，一点运行，出现四个字：程序错误。。。

第 5 楼

得分:20

这还不简单，给img加个 display:block 或者 float:left 都行

程序代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8">

</head>
<body>
<table cellpadding="0" cellspacing="0" border="5" bordercolor="red">
<tbody><tr>
<td valign="top" style="border:blue 5px solid; padding-right:10px;"><img src="Pictures/3.jpg" style="display: block;"></td>
</tr>
</tbody></table>

</body></html>

小子，你的css基础知识还得补啊

[ 本帖最后由外部三电铃于 2015-7-12 19:41 编辑 ]

那一年，苍井空还是处女

第 6 楼

得分:0

回复 5楼外部三电铃

非常感谢您的解答~！
电铃V5

我之前是学VB的，VB做程序开发。
现在想学一些网页的东西。所以来学了HTML
也是刚刚学，好东西都不懂的。我没有一点HTML基础的，还是自学。
以后有提问的地方多了去了，还是希望您多指点！

[ 本帖最后由 VB丶小宇于 2015-7-13 08:40 编辑 ]

编程最蛋疼的事：不是编程多么累，而是编完后，一点运行，出现四个字：程序错误。。。