1

我的电子邮件活动有一些问题。我制作了所有具有正确宽度、高度属性的框，还将 img 行高设置为 0.1em 并将它们显示为块，所以问题就来了。这是什么？

每一个建议都会得到尊重。谢谢。

<table width="594" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="25" align="left" valign="top"></td>
    <td width="269" align="left" valign="bottom"> 
        <h1>{TITLE}</h1>
        <h2>{HOTEL} {HOTELCATEGORY}</h2>
        <p>{ROOM}</p>
        <p>{ACCOM}</p>
        <p>{START}</p>
        <p>{DATESTART} - {DATEEND}</p>
        <p>{DAYS} nap, {NIGHTS} éjszaka</p>
        <table border="0" cellpadding="0" cellspacing="0" width="230" height="67">
            <tr height="11">
                <td width="80" height="11" align="left" valign="top"><img src="http://site.com/nwsltrv2/img/l_01_tl.png" width="80" height="11"></td>
                <td width="117" height="11" align="left" valign="top"><img src="http://site.com/nwsltrv2/img/l_01_t.png" width="117" height="11"></td>
                <td width="33" height="11" align="left" valign="top"><img src="http://site.com/nwsltrv2/img/l_01_tr.png" width="33" height="11"></td>
            </tr>
            <tr height="40">
                <td width="80" height="40" align="left" valign="top"><img src="http://site.com/nwsltrv2/img/l_01_l.png" width="80" height="40"></td>
                <td width="117" height="40" align="center" valign="middle" bgcolor="#444444"><b class="priceboxb" style="margin: 0; padding: 0;">{PRICE}{CURRENCY}</b><span class="priceboxspan" style="margin: 0; padding: 0;">/fõ</span></td>
                <td width="33" height="40" align="left" valign="top"><img src="http://site.com/nwsltrv2/img/l_01_r.png" width="33" height="40"></td>
            </tr>
            <tr height="16">
                <td width="80" height="16" align="left" valign="top"><img src="http://site.com/nwsltrv2/img/l_01_bl.png" width="80" height="16"></td>
                <td width="117" height="16" align="left" valign="top"><img src="http://site.com/nwsltrv2/img/l_01_b.png" width="117" height="16"></td>
                <td width="33" height="16" align="left" valign="top"><img src="http://site.com/nwsltrv2/img/l_01_br.png" width="33" height="16"></td>
            </tr>
        </table>
    </td>
    <td width="300" align="right" valign="top"> 
        <table border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td width="10" height="11" align="left" valign="top"><img src="http://site.com/nwsltrv2/img/b_01_tl.png"></td>
            <td width="278" height="11" align="left" valign="top"><img src="http://site.com/nwsltrv2/img/b_01_t.png"></td>
            <td width="12" height="11" align="left" valign="top"><img src="http://site.com/nwsltrv2/img/b_01_tr.png"></td>
        </tr>
        <tr>
            <td width="10" height="192" align="left" valign="top"><img src="http://site.com/nwsltrv2/img/b_01_l.png"></td>
            <td width="278" height="192" class="imageholder"><img src="{IMGSRC}" width="278" height="192" class="image" style="width: 278pt; height: 192pt; border:0; margin:0; padding:0;"></td>
            <td width="12" height="192" align="left" valign="top"><img src="http://site.com/nwsltrv2/img/b_01_r.png"></td>
        </tr>
        <tr>
            <td width="10" height="12" align="left" valign="top"><img src="http://site.com/nwsltrv2/img/b_01_bl.png"></td>
            <td width="278" height="12" align="left" valign="top"><img src="http://site.com/nwsltrv2/img/b_01_b.png"></td>
            <td width="12" height="12" align="left" valign="top"><img src="http://site.com/nwsltrv2/img/b_01_br.png"></td>
        </tr>
        </table>
    </td>
    <td width="0" align="left" valign="top"></td>
</tr>
</tbody></table>

这是 Outlook 中的最终视图

4

1 回答 1

3

看起来像三个像素。如果您制作构成标签的图像会发生什么display: block;？

或者看看这个答案：3px extra height on a div with an image inside

于 2012-07-30T07:52:21.643 回答