1

在旧版本的 IOS 上的 HTML 电子邮件在该表中不会相互对齐时遇到一点问题。我正在为客户创建响应式电子邮件布局，并且需要使用 align="left" 来浮动表格。（下面的示例代码）

我已经在我能想到的每个客户端上进行了测试，只有旧的 IOS 版本存在这个问题。

示例代码：（这不是我使用的实际代码，但原理相同）

<table cellspacing="0" cellpadding="0" width="600" border="0" class="full-width">
    <tr>
        <td width="600" class="full-width">

            <table cellspacing="0" cellpadding="0" border="0" width="200" align="left">
                <tr>
                    <td width="200">Some Text Here 1</td>
                </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" width="200" align="left">
                <tr>
                    <td width="200">Some Text Here 2</td>
                </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" width="200" align="left">
                <tr>
                    <td width="200">Some Text Here 3</td>
                </tr>
            </table>

        </td>
    </tr>
</table>

这是 IOS 5（不正确）和 IOS 6（正确）发生的情况的图像：

IOS 5 和 6 的图像，分别包含表格

任何帮助将不胜感激。如果您需要更多信息，请告诉我。

4

2 回答 2

0

您align="200"的表格单元格上有 - 不确定这是否只是示例代码中的拼写错误，但这可能会使事情变得混乱。否则，它对我来说看起来不错，也许尝试添加float:left;到对齐的表格中作为后备，看看它是否有帮助。

还将表格单元格的宽度设置为 100% 或 200，以确保它们的行为符合预期，并检查您的全角类或其他 css 是否没有做任何时髦的事情。

于 2013-07-03T13:29:00.397 回答
0

对，在玩了几个小时的代码后，答案是......：

确保容器 TD 也为 align="left" 这样代码将变为：

<table cellspacing="0" cellpadding="0" width="600" border="0" class="full-width">
<tr>
    <td width="600" class="full-width" align="left">

        <table cellspacing="0" cellpadding="0" border="0" width="200" align="left">
            <tr>
                <td width="200">Some Text Here 1</td>
            </tr>
        </table>

        <table cellspacing="0" cellpadding="0" border="0" width="200" align="left">
            <tr>
                <td width="200">Some Text Here 2</td>
            </tr>
        </table>

        <table cellspacing="0" cellpadding="0" border="0" width="200" align="left">
            <tr>
                <td width="200">Some Text Here 3</td>
            </tr>
        </table>

    </td>
</tr>

于 2013-07-04T08:56:07.030 回答