Question

我正试图将我的HTML电子邮件对齐。

雅虎电子邮件有一个错误，并且未与中心对齐。它只是左边距对齐。

这是一个众所周知的错误。我尝试按照litmus的建议，在我的内容表上放置一个外表，然后使用style="table-layout:fixed;"

但这种解决方案似乎不再起作用。

如果有人有任何想法如何解决这个问题，我将不胜感激。

以下是我的代码：

<table height="100%" width="100%" cellpadding="1" cellspacing="1" border="12" align="center" style="table-layout:fixed;">
    <tr>
       <td>
          <table align="center" border="1" cellpadding="0" cellspacing="0" width="6002">
             <tr>
                <td bgcolor="#70bbd9">
                    Row 1
                </td>
             </tr>
         </table>
       </td>
     </tr>
  </table>

Answer 1

这应该有效：

<body style="padding:0px; margin:0PX;" bgcolor="#ffffff">
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff"  style="table-layout:fixed; margin:0 auto;">
<tr>
    <td width="100%" align="center" valign="top" bgcolor="#ffffff">
        <table width="640" align="center" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    <table width="640" align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#f0efe8">
                        <tr>
                            <td width="640">

                        <!--Code here-->

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

身体上的风格很有用，我不记得是否要打击雅虎！左对齐，但它修复了一些东西。添加margin:0 auto;添加到100％包装表上的固定表布局应该可以解决问题。拥有电子邮件的起始模板总是很有用，100％的包装表包含上述样式，内部有一个固定宽度的表格，用于存放电子邮件的主要内容。它还值得一提的是＆＃34;身高＆＃34;不支持表格，<td>的高度100％可能会导致您出现问题，因为它的工作方式与100％宽度完全相同。

发送HTML电子邮件时修复Yahoo Mail中的表格对齐

1 个答案: