主页
问答

表格变形,如何解决?

o2jamwinds 2007-11-30 10:56:34

下面是我做的表格,高度和设置的不一样,请问怎么解决?
<table width="200" border="1">
<tr>
<td height="200" rowspan="5"> </td>
<td height="40"> </td>
<td height="100" rowspan="4"> </td>
</tr>
<tr>
<td height="40"> </td>
</tr>
<tr>
<td height="40"> </td>
</tr>
<tr>
<td height="40"> </td>
</tr>
<tr>
<td height="40"> </td>
<td height="100"> </td>
</tr>
</table>

...全文

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

castor_r 2007-12-04

恩，用DIV会好很多的··UL和LI，省事··

回复赞

zhuchunlai 2007-12-04

你可以尝试下用div布局

回复赞

韦斯利男孩 2007-12-01

表格的边框好像不适合设置成显示的，一般都是border="0"，不显示的，这样会是整个网页看起来不那么死板，显得个更自然、更协调！还有就是你定义表格的时候，应该是宽度和高度应该一起给定，然后根据所给的值进行单元格的划分，这样才能不至于使表格发生变形，各个单元格的宽度和高度不能超出给定的值，否则会致使表格变形！

回复赞

fox0296 2007-12-01

少了句
.a thead{width:200px;height:你需要的高度px;}

回复赞

fox0296 2007-12-01

建议你改成这样:
<table class="a">
<tr> <thead rowpan="4"> </thead> <th> </th> <td rowspan="3"> </td> </tr>
<tr> <th> </th> </tr>
<tr> <th> </th> </tr>
<tr> <th> </th> </tr>
<tr> <th> </th> <td> </td> </tr>
</table>
.a {width:200px;height:你需要的高度px;border:1px solid;border-collapse:collapse;}
.a th {width:你需要的宽度px;height:40px;}
.a td {width:你需要的宽度px;height:100px;}

你最好通过CSS来控制table 方便,绝对不变形.
另外,你的表格本身就设计的有问题.一共就5行,你最多也只能rowspan="4"
可以用thead\th\td来替换具有相同属性的td
要不只能分别给td加不同的class
我敢断定你这个表格肯定是DW里画出来的
而不是直接写出来的.

回复赞