请大家帮忙看看我这一段代码里面出来的网页为什么会有空隙？

来源：百度知道 编辑：UC知道 时间：2024/06/03 18:47:08
本人在页面上写了这么一段代码，可是不知道为什么图片下方会有一个空隙？请大侠指教！
<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="ima

关键是你的<tr>里面的<IMG>与<IMG>标签之间有其他编码的空格！你删掉后，在套用class样式就OK了，示例如下：

<html>
<head>
<style type="text/css">
.bor{BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: yes; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid;}
.bor1{BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid;}
.bor2{BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid;}
body {
background-color: #999999;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr bgcolor="#e3e3e3">
<t