表格嵌套问题

zhangchaokun 2007-01-22 05:35:50
如果外面的table的宽度小于嵌套在里面的table的宽度,显示的就会为里面table的宽度,即把外面的table撑开,如下面的示例:
<table width="20" border="1">
<tr>
<td>
<table width="200" border="1">
<tr>
<td>aaaaaaaabbbbbbbbbbb</td>
</tr>
</table>
</td>
</tr>
</table>
请问各位大虾,如何设置,使得无论里面的表格宽度多大,最多才能达到外面table的宽度,谢谢了!
...全文
397 14 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
healer_kx 2009-11-17
  • 打赏
  • 举报
回复
我也回复一个。。。
chenlin850617 2008-05-26
  • 打赏
  • 举报
回复
[Quote=引用 12 楼 chenlin850617 的回复:]
引用 11 楼 chenlin850617 的回复:
引用 10 楼 Hozaka 的回复:
你可能没有明白我的意思,
<table width= "20 " border= "0 ">
<tr> <td style= "width:20px;overflow-x:hidden ">
<table width= "200 " border= "0 ">
<tr> <td> aaaaaaaaaaaaaaaaaaaa </td> </tr>
</table>
</td> </tr>
</table>
[/Quote]
chenlin850617 2008-05-26
  • 打赏
  • 举报
回复
[Quote=引用 11 楼 chenlin850617 的回复:]
引用 10 楼 Hozaka 的回复:
你可能没有明白我的意思,
<table width= "20 " border= "0 ">
<tr> <td style= "width:20px;overflow-x:hidden ">
<table width= "200 " border= "0 ">
<tr> <td> aaaaaaaaaaaaaaaaaaaa </td> </tr>
</table>
</td> </tr>
</table>
[/Quote]
chenlin850617 2008-05-26
  • 打赏
  • 举报
回复
[Quote=引用 10 楼 Hozaka 的回复:]
你可能没有明白我的意思,
<table width= "20 " border= "0 ">
<tr> <td style= "width:20px;overflow-x:hidden ">
<table width= "200 " border= "0 ">
<tr> <td> aaaaaaaaaaaaaaaaaaaa </td> </tr>
</table>
</td> </tr>
</table>
[/Quote]
Hozaka 2007-01-26
  • 打赏
  • 举报
回复
你可能没有明白我的意思,
<table width="20" border="0">
<tr><td style="width:20px;overflow-x:hidden">
<table width="200" border="0">
<tr><td>aaaaaaaaaaaaaaaaaaaa</td></tr>
</table>
</td></tr>
</table>
zhangchaokun 2007-01-25
  • 打赏
  • 举报
回复
这样,前台没有内容时,一个区域是一个表格形式,它的大小已经是定了的,当后台输入内容,就会在这个区域中显示。当后台输入的是一个很宽的表格的时候,我说的问题就出现了,它使得我的页面变形了,所以100%在我的这种情况下不太好用
销魂的拖拉机 2007-01-24
  • 打赏
  • 举报
回复
RING说得没错,里面设置成width="100%比较好.
销魂的拖拉机 2007-01-24
  • 打赏
  • 举报
回复
RING
xiaoyaowp 2007-01-23
  • 打赏
  • 举报
回复
jf
Ring850215 2007-01-23
  • 打赏
  • 举报
回复
为什么不把里面的表格的width设置为百分比形式的啊?
比如<table width="100%" border="1">
zhangchaokun 2007-01-23
  • 打赏
  • 举报
回复
哈哈,自己解决了,是
<table width="20" border="1" style="table-layout:fixed">
<tr>
<td>
<table width="200" border="1">
<tr>
<td>aaaaaaaabbbbbbbbbbb</td>
</tr>
</table>
</td>
</tr>
</table>
谢谢大家了
zhangchaokun 2007-01-22
  • 打赏
  • 举报
回复
我想说的是实现这个嵌套表格的宽度仍然为外面的20,而不是里面的200。谢谢大家了!
zhangchaokun 2007-01-22
  • 打赏
  • 举报
回复
overflow的目的是为了把大的元素放在小的边框里进行处理的方式,但我说的这个还是不能实现,楼上可以再在Dreamweaver里试试,它会告诉你外面的边框宽度为“20(210)”,即还是撑开了。
Hozaka 2007-01-22
  • 打赏
  • 举报
回复
<style type="text/css">
table.container td { overflow: hidden; }
</style>

<table width="20" border="1" class="container">
......
</table>

61,129

社区成员

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

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