0

我正在编写 HTML 时事通讯,由于某种原因,尽管像素宽度相同,但我的 img 宽度并未扩展 td 标签的整个宽度。我的图像显示为 180,但 td 标签的宽度为 186。下面提供的是我的代码。

<table width="600" bgcolor="#ffffff" height="30" cellpadding="0" cellspacing="0">
    <tr >
        <td width="10"></td>
        <td width="180" height="30" bgcolor="#000000"><p style="text-align:center; color:#ffffff">ALONSOS</p></td>
        <td width="10"></td>
        <td width="180" bgcolor="#000000"><p style="text-align:center; color:#ffffff">ZEN WEST</p></td>
        <td width="10"></td>
        <td width="180" bgcolor="#000000"><p style="text-align:center; color:#ffffff">LUCKIE'S TAVERN</p></td>
        <td width="10"></td>

    <tr>
        <td width="10"></td>
        <td width="180" height="30" bgcolor="#ffffff"><img src="zenwest.png" width="180"/></td>
        <td width="10"></td>
        <td width="180" height="30" bgcolor="#000000"><img src="zenwest.png" width="180"/></td>
        <td width="10"></td>
        <td width="180" bgcolor="#000000"><img src="magerks.png" width="180" /></td>
        <td width="10"></td>
    </tr>
    <tr>
        <td width="10"></td>
        <td width="180" ><p><b>Saturday, Feb. 9th</b></p>
            <p>$3 Bud Light</p>
            <p>$4 Soco & Lime</p>
            <p>$3 Bud Light</p>
        </td>
        <td width="10"></td>
        <td width="176"><p><b>Saturday, Feb. 9th</b></p>
            <p>$3 Bud Light</p>
            <p>$4 Soco & Lime</p>
            <p>$3 Bud Light</p>
        </td>
        <td width="10"></td>
        <td width="180"><p><b>Saturday, Feb. 9th</b></p>
            <p>$3 Bud Light</p>
            <p>$4 Soco & Lime</p>
            <p>$3 Bud Light</p>
        </td>
        <td width="10"></td>
    </tr>
</table>
4

3 回答 3

0

标记中的所有 td 标签都具有 '180' 宽度。尝试将首选 td 标签的宽度设置为“186”。

于 2013-02-13T16:10:37.723 回答
0

如果您删除桌子上的宽度,间距会按照您想要的方式结束。

<table bgcolor="#ffffff" height="30" cellpadding="0" cellspacing="0">

jsFiddle 示例

于 2013-02-13T16:14:28.180 回答
0

table-cell宽度类似于display: inline它不一定尊重提供的宽度,在这种情况下它取决于表格。表格单元格的宽度将增加以适应整个600px-wide 表格的宽度,从而导致您看到的看似奇怪的行为。您可以增加 in-between <td>s 以使总宽度加起来为 600,或者您可以删除表格宽度并使其成为任何内容(类似于580px)。

于 2013-02-13T16:17:27.610 回答