html - 雅虎在 td 上将宽度更改为最小宽度

Question

抱歉，不能 100% 确定这是属于这里还是 super 用户组，但是...

我有一封 html 电子邮件，其中有 4 个图标，我希望它们居中并稍微间隔开。

因此，我有一张表格，其中包含 4 个设置宽度的单元格，并且两侧各有一个额外的空单元格。

<table style="width:100%;border-collapse:collapse;table-layout:fixed;">
    <tr>
        <td></td>
        <td style="width:32px;padding:0 4px;"><a><img src="" /></a></td>
        <td style="width:32px;padding:0 4px;"><a><img src="" /></a></td>
        <td style="width:32px;padding:0 4px;"><a><img src="" /></a></td>
        <td style="width:32px;padding:0 4px;"><a><img src="" /></a></td>
        <td></td>
    </tr>
</table>

适用于我测试过的每个浏览器(主要使用 Litmus)的每个电子邮件客户端，但 Yahoo 除外。

Yahoo 正在所有浏览器中用“min-width”替换“width”声明，这破坏了布局。

我试过添加 width:32px;min-width:32px;max-width:32px 但它有同样的问题。

有任何解决方法或解释吗？

Answer 1

快速修复，将其放入您的 <style>标签: @media yahoo {min-width:0!important}

此更改/错误在本文发布时是全新的。雅虎现在将宽度更改为最小宽度，打破了混合布局等。在 the Litmus Community 中对其他 hack 进行了很好的讨论。 .