Question

我在将一个HTML电子邮件组合在一起时会遇到一些问题，该电子邮件将在outlook中正确呈现，我最初通过使用列表项和list-style-image属性使一切工作正常，但是在outlook中不受支持。

基本上，我有一个有2行的表，左边有一个11像素的图像用作自定义项目符号点，右边是一些文本。

我的问题是无论我做什么我都无法得到左边的列以保持11像素的宽度，列总是在桌子的中间分开。请帮忙吗？

HTML

<table>
    <tr>
        <td>
            <img src="Small Image" />
        </td>
    </tr>
    <tr>
        <td class="red">
            <h4>
                TEXT
            </h4>
        </td>
    </tr>
    <tr>
        <td class="webinar">
            <table>
                <tr>
                    <td class="left">
                        <img src="/Bullet.png" />
                    </td>
                    <td class="right">
                        <p>
                            TEXT
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

CSS

td.webinar .left {
    width:11px;
    vertical-align:top;
    padding:0px
    margin:0px
}

td.webinar .right {
    width:144px;
    vertical-align:top;
    padding:0px
    margin:0px
}

td.webinar {
    background-color:#ccc6d2;
    border:1px solid #313131;
    padding-top:8px;
    padding-bottom:10px;
}

Answer 1

你想在电子邮件中使用css样式吗？那么你将在大多数客户中度过一段美好的时光..

尝试：

<table>
  <tr>
    <td width="144px">
        <img src="Small Image" />
    </td>
  </tr>
</table>

在电子邮件模板中，您应该始终将内联样式应用为“oldschool”！

表格列宽度未得到尊重

1 个答案: