Question

我正在尝试为HTML电子邮件创建布局。我用桌子已经很久了，我需要复习。

我正在尝试创建一个表格，其中每个TD占总宽度的50％：

<body style="padding-top:20px;">

    <table style="padding:20px;border:1px solid #f0f0f0;background:#FFFFFF;text-align:left;clear:both;margin:0 auto;display:block;width:85%;max-width:600px;table-layout:fixed;">
        <tr style="">
            <td style="width:50%;border:1px solid #ff0000;">left</td>
            <td style="width:50%;">right</td>
        </tr>
    </table>
</body>

这是jsfiddle：

http://jsfiddle.net/8br3wpL8/

非常感谢任何帮助！

Answer 1

如果删除display:block;部分，一切正常

<table style="padding:20px;border:1px solid #f0f0f0;background:#FFFFFF;text-align:left;clear:both;margin:0 auto;width:85%;max-width:600px;table-layout:fixed;">
    <tr style="">
        <td style="width:50%;border:1px solid #ff0000;">left</td>
        <td style="width:50%;">right</td>
    </tr>
</table>

Answer 2

您想要从表格样式中删除display: block：

<table style="padding:20px;border:1px solid #f0f0f0;background:#FFFFFF;text-align:left;clear:both;margin:0 auto;width:85%;max-width:600px;table-layout:fixed;">
    <tr style="">
        <td style="width:50%;border:1px solid #ff0000;">left</td>
        <td style="width:50%;">right</td>
    </tr>
</table>

http://jsfiddle.net/8br3wpL8/1/

为HTML email-jsfiddle指定表格的TD宽度包括

2 个答案: