Question

我正在创建一个简单的时事通讯，所以我决定使用一个700px宽的表，并阻止我的表的顶部部分弄乱，我在它下面创建了另一个具有相同宽度（700px）的表。出于某种原因，上半部分在玩TD时变为705px，如果我将其设置为700px，则它太窄，即使下面的表是700px宽。

您可以在灰色框中看到宽度更改：

<table width="700" border="0" cellspacing="0">
<tr>
    <th height="19" colspan="6" bgcolor="#E9E9E9" scope="row">&nbsp;</th>
</tr>
<tr>
<th height="130" colspan="2" bgcolor="#E9E9E9" scope="row"><img src="sides_wider.png" width="63" height="1" /></th>
    <th width="345" height="130" align="left" valign="bottom" bgcolor="#E9E9E9" scope="row"><img src="logo.png" width="200" height="100" align="bottom" /></th>
    <th width="221" height="130" align="right" valign="bottom" bgcolor="#E9E9E9" scope="row">Newsletter #1 - <strong>05.08.13</strong>
    <th width="63" height="130" colspan="2" bgcolor="#E9E9E9" scope="row"><img src="sides_wider.png" width="63" height="1" /></th>
</tr>
</table>


<table width="700" border="0" cellspacing="0">
<tr>
    <th height="2" colspan="6" bgcolor="#E9E9E9" scope="row"></th>
</tr>
<tr>
    <th width="50" height="47" bgcolor="#E9E9E9" scope="row"><img src="sides.png" width="50" height="1" /></th>
    <th colspan="4" rowspan="2" align="center" valign="top"><img src="banner.png" width="600" height="200" /></th>
    <th width="50" bgcolor="#E9E9E9"><img src="sides.png" width="50" height="1" /></th>
</tr>
<tr>
    <th width="50" height="79" bgcolor="#FFFFFF" scope="row">&nbsp;</th>
    <th  width="50" bgcolor="#FFFFFF">&nbsp;</th>
</tr>
<tr>
    <th width="50" height="147" rowspan="2" bgcolor="#FFFFFF" scope="row">&nbsp;</th>
    <th width="35" rowspan="2" bgcolor="#FFFFFF">&nbsp;</th>
    <th width="196" height="40" bgcolor="#F3F3F3" style="padding:15px">Lorem ipsum dolor sit amet, dolor accusata duo ut. </th>
    <th width="330" height="40" bgcolor="#E5E5E5" style="padding:15px">Lorem ipsum dolor sit amet, dolor accusata duo ut. </th>
    <th width="33" rowspan="2" bgcolor="#FFFFFF">&nbsp;</th>
    <th width="50" rowspan="2" bgcolor="#FFFFFF">&nbsp;</th>
</tr>
<tr>
    <th bgcolor="#F3F3F3" height="40" style="padding:15px; border-top: solid 1px #CCC">Lorem ipsum dolor sit amet, dolor accusata duo ut. </th>
    <th width="330" height="40" bgcolor="#E5E5E5" style="padding:15px; border-top: solid 1px #CCC">Lorem ipsum dolor sit amet, dolor accusata duo ut. </th>
</tr>
<tr>
    <th height="16" colspan="6" bgcolor="#FFFFFF" scope="row">&nbsp;</th>
</tr>
</table>

Answer 1

修正了它。虽然<td>和<th>问题导致了问题，但我发现真正的宽度问题是我的图片强迫桌子更宽，我可以设置它

表格对齐异常

1 个答案: