表格变形,如何解决?

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>
...全文
278 点赞 收藏 6
写回复
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里画出来的
而不是直接写出来的.
回复
兔子党-连长 2007-11-30

你想他是多高呢?
回复
发动态
发帖子
CSS
创建于2007-09-28

5.9w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
社区公告
暂无公告