table设定情况照片,不可以100%显示信息处理方式

在开发设计中发现了下面的状况:
(1) 假如文档储放为.jsp文档后缀的方式,编码以下所示(index.jsp):

拷贝编码
编码以下:

<%@page contentType="text/html; charset=utf⑻" pageEncoding="utf⑻" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf⑻" />
<title>让报表百分之1百显示信息</title>
</head></p> <p><body style="background:#9C9;">
<table cellpadding="0" cellspacing="0" style="width:100%;" >
<tr>
<td height="8" width="17px;" ><img src="img/bg-header_l.gif" width="17" height="8" /></td>
<td style="background:url(img/bg-header_c.gif) repeat-x;"></td>
<td height="8" width="17px;" ><img src="img/bg-header_r.gif" width="17" height="8" /></td>
</tr>
</table>
</body>
</html>

程序流程运作后,网页页面中显示信息的实际效果以下图所示:

该实际效果出現了两处不对的地区:
(1) 正中间的td的情况并沒有铺满全部td;
(2) 全部table宽度并沒有撑满全部显示屏。
百思不可其解,十分烦闷!!后台管理尝试给table再加border="0",实际效果依然如上图所示。把0改成1,发现table撑满了全部显示屏,而且td也被情况铺满,以下图,但是报表的边框并不是我所要的。

发现上述方式不可以从压根上处理难题。
随后又对比了1下table中的3个td,发现第2个td中沒有內容,因而尝试在第2个td中填入內容,编码以下所示:

拷贝编码
编码以下:

<table cellpadding="0" cellspacing="0" style="width:100%;" >
<tr>
<td height="8" width="17px;" ><img src="img/bg-header_l.gif" width="17" height="8" /></td>
<td style="background:url(img/bg-header_c.gif) repeat-x;">第2个td加上內容</td>
<td height="8" width="17px;" ><img src="img/bg-header_r.gif" width="17" height="8" /></td>
</tr>
</table>

运作编码后的实际效果基础合乎最后的結果,运作实际效果以下:

下面再将编码略微调剂1下便可,详细编码以下:

拷贝编码
编码以下:

<%@page contentType="text/html; charset=utf⑻" pageEncoding="utf⑻" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf⑻" />
<title>让报表百分之1百显示信息</title>
</head>
<body style="background:#9C9;">
<table cellpadding="0" cellspacing="0" style="width:100%;" >
<tr>
<td height="8" width="17px;" ><img src="img/bg-header_l.gif" width="17" height="8" /></td>
<td style="background:url(img/bg-header_c.gif) repeat-x; font-size:0px;">&nbsp;</td>
<td height="8" width="17px;" ><img src="img/bg-header_r.gif" width="17" height="8" /></td>
</tr>
</table>
</body>
</html>

最后实际效果以下图所示: