Question

我使用Dream Weaver CS5版本11.0 Build 4964开发了一个简单的PHP网页。

我的网页包含一个表（TABLE），其中包含10个表行（TR），每行只有一个表格单元格（TD）。

每个表格单元格（TD）都有一个表格，其中包含不同的表单元素，如文本框，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>

当我使用实时视图浏览我的php网页时，我放置的宽度不适用，Dream Weaver扩展了一些表并增加了宽度，并且表格边框不匹配，一些表格看起来更小，而其他表格则更大。

我试图将每个表格单元格的宽度控制在一起，但它也不起作用。

例如，如果我放的宽度为600，它变为641，我试图在设计和代码视图中更改它，但问题仍然出现。

我欢迎任何暗示解决这个恼人的问题。

Answer 1

这是非常讨厌的代码，伙计。不要使用HTML属性，你应该为你的标签提供适当的类，并通过CSS控制一切。您可能需要将border-collapse设置为collapse并设置所有必需的宽度（以像素为单位）。

而且，正如凯尔所说，永远不要相信你的所见即所得观点。只有真正的浏览器才会显示您的代码实际呈现的方式。

Answer 2

如果您正在查看所有表格和td的宽度相同，那么最好的方法是使用css

table{width: 600px;}
td{width: 200px;}

如果你想为每个表增加不同的宽度，那么给它一个类并在css中定义宽度

<table class="tab1">

.tab1{width: 600px;}
.tab1 td{width: 200px;}

希望这会有所帮助。

Answer 3

表单元格和列将始终调整大小以容纳行/列中的最大元素。正如其他人所建议的那样，您应该重新考虑使用嵌套表。但是，如果要控制表的宽度，可以使用以下样式规则来执行此操作：

table {
    width: 600px;
    table-layout: fixed;
}

这会将列的宽度约束为第一行中设置的尺寸。

Answer 4

从不永远信任任何应用程序的实时视图！的 EVER ！他们全部错误，请在真实浏览器中查看。

我每天都使用DW，我从不相信实时视图中的内容，尤其是桌面。相信我，把它放在浏览器中，看看会发生什么：）

Answer 5

我认为你需要考虑边距，填充，细胞填充和细胞间距等问题。所有这些都会影响td和表格尺寸。

Answer 6

我猜你的某些表格单元格中的内容不符合您定义的尺寸。例如，如果您尝试将300宽图像放在200宽的表格单元格中，那么浏览器会将该表格单元格扩展为300像素（以及填充，边距等）。我建议尽可能不使用多个嵌套表格但是一个大表，如果需要使用colspan合并单元格（例如一个6列表，每列假定为100宽度，如果你想要一个200宽度的单元格，你的colspan = 2，如果你想要300你colspan = 3我也会明确地添加宽度。这不会阻止浏览器重新排列表格单元格的大小，但这意味着将调整表格单元格的所有，这样你的表格就会至少排队。

如果这个答案没有帮助找到你的问题，那么我建议你向我们展示最终的HTML，因为那里有明显的东西导致了这个问题。它不能成为Dreamweaver特定的问题，因为浏览器并不关心HTML的生成位置。

Dream Weaver表宽度

6 个答案: