如何以展望邮件为中心?

时间:2018-02-21 15:01:21

标签: html outlook

正如我们已经知道word引擎不是最好的引擎,但许多公司使用outlook所以它必须在我们发送电子邮件的时候得到支持,最近我面临的问题是使用表保持div居中并且工作正常在其他邮件客户端,如雷鸟,邮件,Gmail,等等。它只是没有在outlook上工作,所以两侧可见的填充消失,标题变为全宽。那我怎么把div放在中心?

<!-- Code updated with fix -->

<!DOCTYPE html>
<html lang="es">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Newsletter</title>
</head>

<body>
<table width="100%" border="0" cellspacing="0">
    <tr>
        <!-- Left Padding -->
        <td></td>
        <!-- Centered Content -->
        <td width="600">
            <table width="100%" border="0" cellspacing="0">
                <!-- Body start -->
                <tr>
                    <td width="600">
                        <table width="100%" border="0" cellspacing="0">
                            <tr>
                                <td width="100%">
                                    <div width="100%" style="height:60px; background-color: #777777;">
                                        ...
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <!-- Body end -->
            </table>
        </td>
        <!-- Right Padding -->
        <td></td>
    </tr>
</table>
</body>

</html>

0 个答案:

没有答案