表格变形,如何解决?

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>
...全文
377 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
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里画出来的
而不是直接写出来的.
tantaiyizu 2007-11-30
  • 打赏
  • 举报
回复

你想他是多高呢?

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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