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

【问题标题】：Yahoo changes width to min-width on td雅虎在 td 上将宽度更改为最小宽度
【发布时间】：2016-06-07 15:49:43
【问题描述】：

抱歉，不能 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）中的每个电子邮件客户端中都可以使用，但 Yahoo 除外。

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

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

任何解决方法或解释？

【问题讨论】：

here 的一些解决方案可能对您有用。

标签： html css html-email yahoo-mail

【解决方案1】：

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

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

【讨论】：

更新： 雅虎已经修复了他们的错误，所以这个问题应该不再存在了！

【解决方案2】：

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

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

这帮助我解决了问题。

【讨论】：