为什么在浏览器中看到的效果和打印预览时看到的效果不一样?

kel 2005-03-18 03:57:33
代码如下:预览时两个表格的表格线是对齐了的,但在浏览器下看却不是那么一回事了。
<style>
table {
border-width:1px;
border-color:#000000;
border-style:solid;
border-collapse:collapse;
border-spacing:0;
}
td {
color: #000000;
background-color: #ffffff;
border-width:1px;
border-color:#000000;
border-style:solid;
padding:2px;
word-wrap:break-word;
word-break:break-all;
}
.noborder{
border-width:0px;
}
</style>
<TABLE style='width:644;' border="0" align="center" cellpadding="0" cellspacing="0" class='noborder'>
<TR>
<TD class='noborder'><table align='center' id='mytable_1' style='width:644;border-top-width:2px;border-left-width:2px;border-right-width:2px;' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td align='center' valign='middle' rowspan='3' style='font-size:9pt;font-family:宋体;' width='107' height='93' ><img src='../files/images/00000007.GIF' width=84></td>
<td align='center' valign='middle' colspan='4' style='font-size:10.5pt;font-family:宋体;' width='533' height='27' >管理体系</td>
</tr>
<tr>
<td align='center' valign='middle' colspan='4' style='font-size:12pt;font-family:黑体;' width='533' height='40' >对齐</td>
</tr>
<tr>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;' width='80' height='27' >记录编号</td>
<td align='center' valign='middle' style='font-size:9pt;font-family:宋体;' width='197' height='27' > </td>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;' width='80' height='27' >使用单位</td>
<td style='font-size:9pt;font-family:宋体;' width='176' height='27' > </td>
</tr>
</table>
<table align='center' id='mytable_2' style='width:644;border-top-width:1px;border-left-width:2px;border-right-width:2px;border-bottom-width:2px;' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;border-top-style: solid;border-top-width: 1px;border-top-color: #000000;border-top-width: 0px' width='109' height='20' > </td>
<td align='center' valign='middle' colspan='3' style='font-size:10.5pt;font-family:宋体;border-top-style: solid;border-top-width: 1px;border-top-color: #000000;border-top-width: 0px' width='531' height='20' > </td>
</tr>
<tr>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;' width='109' height='20' > </td>
<td align='center' valign='middle' colspan='3' style='font-size:10.5pt;font-family:宋体;' width='531' height='20' > </td>
</tr>
<tr>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;' width='109' height='20' > </td>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;' width='211' height='20' > </td>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;' width='107' height='20' > </td>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;' width='213' height='20' > </td>
</tr>
<tr>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;' width='109' height='20' > </td>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;' width='211' height='20' > </td>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;' width='107' height='20' > </td>
<td style='font-size:10.5pt;font-family:宋体;' width='213' height='20' > </td>
</tr>
<tr>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;' width='109' height='20' > </td>
<td align='center' valign='middle' colspan='3' style='font-size:10.5pt;font-family:宋体;' width='531' height='20' > </td>
</tr>
<tr>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;' width='109' height='20' > </td>
<td align='center' valign='middle' colspan='3' style='font-size:10.5pt;font-family:宋体;' width='531' height='20' > </td>
</tr>
<tr>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;' width='109' height='20' > </td>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;' width='211' height='20' > </td>
<td style='font-size:10.5pt;font-family:宋体;' width='107' height='20' > </td>
<td style='font-size:10.5pt;font-family:宋体;' width='213' height='20' > </td>
</tr>
<tr>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;' width='109' height='20' > </td>
<td align='center' valign='middle' colspan='3' style='font-size:10.5pt;font-family:宋体;' width='531' height='20' > </td>
</tr>
<tr>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;' width='109' height='20' > </td>
<td align='center' valign='middle' colspan='3' style='font-size:10.5pt;font-family:宋体;' width='531' height='20' > </td>
</tr>
<tr>
<td align='center' valign='middle' style='font-size:10.5pt;font-family:宋体;' width='109' height='20' > </td>
<td align='center' valign='middle' colspan='3' style='font-size:10.5pt;font-family:宋体;' width='531' height='20' > </td>
</tr>
</table>
</TD>
</TR>
</TABLE>
...全文
475 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧