HTML两个页面表格设置了一样的属性,但是现实效果却对不上?在线等~谢谢...

发布网友 发布时间：2022-05-07 03:10

我来回答

共5个回答

热心网友 时间：2022-04-20 11:22

贴出代码, 我帮你看看

width 被你设定,但是你的宽度<Td>的宽度超出, 会变形的

建议用一个表格来完成

<table class="table01" border="1" cellspacing="0" cellpadding="0" bordercolor="#000" >
<tr bgcolor="#DFF1FF">
<td width="160" rowspan="2" align="center">&nbsp;</td>
<td width="450" height="25" colspan="3" align="center">1月</td>
<td width="150" rowspan="2" align="center">总预算</td>
<td width="150" rowspan="2" align="center">总执行</td>
<td width="150" rowspan="2" align="center">总结余</td>
<td width="150" colspan="3" align="center"></td>
</tr>
<tr bgcolor="#DFF1FF">
<td width="150" align="center">预算</td>
<td width="150" align="center">执行</td>
<td width="150" align="center">结余</td>
<td width="150" align="center">预算</td>
<td width="150" align="center">执行</td>
<td width="150" align="center">结余</td>
</tr>
<tr style="font-size:12px" class="trtype">
<td style="font-size:12px" width="160" align="center">这是首列</td>
<td width="150" class="tdtype">这里是数据</td>
<td width="150" class="tdtype">这里是数据</td>
<td width="150" class="tdtype">这里是数据</td>
<td width="150" class="tdtype">这里是数据</td>
<td width="150" class="tdtype">这里是数据</td>
<td width="150" class="tdtype">这里是数据</td>
<td width="150" class="tdtype">这里是数据</td>
<td width="150" class="tdtype">这里是数据</td>
<td width="150" class="tdtype">这里是数据</td>
</tr>
</table>

热心网友 时间：2022-04-20 12:40

为什么不用一个table来完成呢
2个table当然会出现这样的情况
html解析的时候
很多情况都会影响他的像素 比如代码的折行等
用一个table就不会有这样的问题
没个tr用不同的css控制

热心网友 时间：2022-04-20 14:15

看看两个table的padding和margin是否一样。
最好都设置为0。
IE8可以用开发人员工具查看元素，
FF右键查看元素，可以监控。

热心网友 时间：2022-04-20 16:06

用一个表格来完成。
这种情况你要保证表格宽度一样，同时一行单元格宽度之和等于定义的表格宽度，这样才不会发生变化。才能对齐

热心网友 时间：2022-04-20 18:14

说句实话，这个表格用dreamweaver一会就弄好了，它自带合并单元格功能；你要是弄不出来，吧所有列明给我，我给你做