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

Question

抱歉，不是100%确定这是否属于这里或超级用户组，但是...

我

有一封 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）的每个电子邮件客户端，除了雅虎。

雅虎正在所有浏览器中用"最小宽度"替换"宽度"声明，这打破了布局。

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

有什么解决方法或解释吗？

Answer 1

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

此更改/错误在发布本文时是全新的。雅虎现在正在将宽度更改为最小宽度，打破混合布局等。关于 Litmus 社区中的其他黑客行为有一个很好的讨论。

Answer 2

我面临着类似的身高问题。雅虎电子邮件客户端自动将高度转换为最小高度。

为了解决这个问题，我添加了 height="300px" 作为标签的属性。

这帮助我解决了这个问题。