Dream Weaver表宽度
我用Dream Weaver CS5 version11.0 build4964开发了一个简单的PHP网页。
我的网页由一个表格( table )组成，其中包含10个表格行(TR)，而每行只有一个表格单元(TD)。
每个表格单元(TD)都有一个表格，其中包含不同的表单元素，如Textboxes、RadioButtons、CheckBoxes等，这些元素被划分为表格的列和行。
我面临的问题是，我使用width属性或Style属性或使用CSS样式表来放置每个表的宽度，以便使这10个表具有相同的宽度(例如600像素)，并将它们显示为一个表。
我的HTML代码如下所示：
<html>
<body>
<table width="600">
<tr>
<td>
<table width="600">
<tr>
<td width="300">
</td>
<td width="300">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="600">
<tr>
<td width="200">
</td>
<td width="200">
</td>
<td width="200">
</td>
</tr>
</table>
...
</td>
</tr>
</table>
</body>
</html>当我使用Live View浏览我的php网页时，我放置的宽度不适用，Dream Weaver扩展了一些表格并增加了宽度，表格边框不匹配，一些表格显示的宽度较小，而其他表格的宽度较大。
我试着控制每个表格单元的宽度，但它也不起作用。
例如，如果我放置的宽度是600，它就变成了641，我试图在“设计”和“代码”视图中更改它，但问题仍然出现。
我欢迎任何解决这个烦人问题的提示。
回答 6
Stack Overflow用户
发布于 2011-01-10 22:53:20
表格单元格和列将始终调整大小以容纳行/列中最大的元素。正如其他人所建议的，您应该重新考虑嵌套表的使用。但是，如果要控制表的宽度，可以使用以下样式规则来实现：
table {
width: 600px;
table-layout: fixed;
}这会将列的宽度限制为第一行中设置的尺寸。
Stack Overflow用户
发布于 2011-01-10 18:40:36
这是相当糟糕的代码，伙计。不要使用HTML属性，你应该给你的标签适当的类，并通过CSS控制一切。您可能希望将border-collapse设置为collapse，并以像素为单位设置所有必要的宽度。
而且，正如Kyle所说，永远不要相信你所见即所得的观点。只有真正的浏览器才会显示代码的实际呈现方式。
Stack Overflow用户
发布于 2011-01-10 18:39:30
如果您希望所有表和td的宽度都相同，那么最好的方法是使用css
table{width: 600px;}
td{width: 200px;}如果您希望每个表具有不同的宽度，则为其提供一个类，并在css中定义宽度
<table class="tab1">
.tab1{width: 600px;}
.tab1 td{width: 200px;}希望这能有所帮助。
https://stackoverflow.com/questions/4645763
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号