表格中的图片下端为什么会有空隙

来源：百度知道 编辑：UC知道 时间：2024/06/03 22:54:35
一个很简单的html，为什么图片下会有空隙？望指点！
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr bgcolor="#e3e3e3">
<td width="50%"></td>
<td>
<table id=oTransContainer style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward'); WIDTH: 100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<IMG id=oDIV1 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: yes; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=112 src="images/title_pic1.jpg" width=800 border=0>
<IMG id=oDIV2 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height=112 src="images/title_pic2

<a href="http://www.acpower.net/"><embed src="112.SWF" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="760" height="130" wmode="transparent" scale="exactfit"></a>
你应该考虑把<a>标签去掉，因为它根本没有起作用。
别的没有问题，表格里没有占位符之类的。

解决方法非常简单，为表格添加“line-height:0px;”样式，这起到了将图像的行高属性清零的效果（图像根本就不需要行高）。

原因是这样的，首先图像在表格里面，在某种程度上相当于文字，这就是说，这就是说图像有部分文字的属性，而这个缝隙就是由此引起的，那到底是那个属性引起的呢，经过反复的查找发现是文字的“行高”属性，因为图像继承了文字的行高属性，所以下面就会有空隙，这个和文字行与行之间有空隙是一个道理，就这么简单。

如果这个答案，对您有用，请点击表示赞同。

body{
margin:0px;
padding:0px;
}
试试看

搞不懂怎么回事！