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

テーブルの幅を削除すると、間隔は希望どおりになります。

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

jsFiddle の例

于 2013-02-13T16:14:28.180 に答える