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

Question

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

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

所以，我有一个 table，其中有 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 正在所有浏览器中将 "width" 声明替换为 "min-width"，这破坏了布局。

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

任何解决方法或解释？

Answer 1

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

此 change/bug 在发帖时是全新的。雅虎现在将宽度更改为最小宽度，打破了混合布局等。在 the Litmus Community.

中对其他 hack 进行了很好的讨论

Answer 2

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

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

这帮助我解决了问题。

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

Yahoo changes width to min-width on td

html

css

html-email

yahoo-mail