以下代码在WORD中正常,在IE中不正常怎么回事?
显示出错在最后一行;
一共7列
第一行 2 2 1 1 1
第二行 7
第三行 1 6
这样看来,最后一行的1应该只占第一行第一列的一半才对,而我的IE9怎么都显示是成
第一行 2 2 1 1 1
第二行 7
第三行 2 5
这样的样子,也就是第三行的第一列总和第一行的第一列对齐了!!怎么回事啊!难道是兼容性问题,表格这么简单的东西不存在啊!有人测试一下吗,很神奇啊!
<table style="width: 900px; border-collapse: collapse;" border="1" bordercolor="#c0c0ff">
<tr>
<td align="center" style="width: 112px" colspan="2">
培训课题
</td>
<td align="center" style="width: 224px" colspan="2">
</td>
<td align="center" style="width: 112px">
</td>
<td align="center" style="width: 200px">
采用方式
</td>
<td align="center" style="width: 250px">
</td>
</tr>
<tr>
<td style="width: 898px;height:250px; vertical-align:top;" colspan="7">
参加培训部门及人员姓名:<br />
</td>
</tr>
<tr style="height:200px;">
<td align="center" style="width: 56px; text-align:center;">
<span style="width:5px;">培训效果</span>
</td>
<td align="center" style="width: 842px" colspan="6">
</td>
</tr>
</table>
显示出错在最后一行;
一共7列
第一行 2 2 1 1 1
第二行 7
第三行 1 6
这样看来,最后一行的1应该只占第一行第一列的一半才对,而我的IE9怎么都显示是成
第一行 2 2 1 1 1
第二行 7
第三行 2 5
这样的样子,也就是第三行的第一列总和第一行的第一列对齐了!!怎么回事啊!难道是兼容性问题,表格这么简单的东西不存在啊!有人测试一下吗,很神奇啊!
<table style="width: 900px; border-collapse: collapse;" border="1" bordercolor="#c0c0ff">
<tr>
<td align="center" style="width: 112px" colspan="2">
培训课题
</td>
<td align="center" style="width: 224px" colspan="2">
</td>
<td align="center" style="width: 112px">
</td>
<td align="center" style="width: 200px">
采用方式
</td>
<td align="center" style="width: 250px">
</td>
</tr>
<tr>
<td style="width: 898px;height:250px; vertical-align:top;" colspan="7">
参加培训部门及人员姓名:<br />
</td>
</tr>
<tr style="height:200px;">
<td align="center" style="width: 56px; text-align:center;">
<span style="width:5px;">培训效果</span>
</td>
<td align="center" style="width: 842px" colspan="6">
</td>
</tr>
</table>
<tr>
<td align="center" style="width: 112px" colspan="2">
培训课题
</td>
<td align="center" style="width: 224px" colspan="2">
</td>
<td align="center" style="width: 112px">
</td>
<td align="center" style="width: 200px">
采用方式
</td>
<td align="center" style="width: 250px">
</td>
</tr>
<tr>
<td style="width: 898px;height:250px; vertical-align:top;" colspan="7">
参加培训部门及人员姓名:<br />
</td>
</tr>
<tr style="height:200px;">
<td align="center" style="width: 56px; text-align:center;">
<span style="width:5px;">培训效果</span>
</td>
<td align="center" style="width: 842px" colspan="6">
</td>
</tr>
</table>
你是没具体测试和看代码吧~对齐了就真不正常了。一个单元格宽112PX,COLSPAN=2,一个单元格56PX,COLSPAN=1,怎么可能对齐?对齐也只有IE能做得出来了。在WORD里面就严格只有一半宽,对版主说的宿主问题其实我不在乎的,说白了就是有兼容性问题,而我现在只想知道的是在IE下有什么办法达到我要的效果?
虽然能解释
<tr height=0>
<td width=81 style='border:none'></td>
<td width=81 style='border:none'></td>
<td width=162 style='border:none'></td>
<td width=81 style='border:none'></td>
<td width=81 style='border:none'></td>
<td width=81 style='border:none'></td>
</tr>
<![endif]>然后成实现了,原来他还需要弄一行来定义全部列,看来IE是至少需要一行能包含所有列,否则就乱显示了。
培训课题
</td>
如此修改一下即可