Yahoo在td上将宽度更改为min-width [英] Yahoo changes width to min-width on td

问题描述

对不起，不是100％确定如果这属于这里或超级用户组，但...

Sorry, not 100% certain if this belongs here or Super-User group but...

我有一个html电子邮件，并稍微间隔开。

I have an html email, with 4 icons that I want centered and slightly spaced.

所以，我有一个表有4个设置宽度的单元格和一个额外的空一个。

So, I have a table with 4 set width cells and an extra empty one on either side.

<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。

Works in every email client in every browser I've tested (mostly using Litmus) except for Yahoo.

雅虎正在所有浏览器中将宽度声明替换为min-width，这打破了布局。

Yahoo is replacing the "width" declaration with "min-width" across all browsers, which is breaking the layout.

我已尝试添加 width：32px; min-width：32px; max-width：32px 有同样的问题。

I've tried adding width:32px;min-width:32px;max-width:32px but it has the same issue.

任何解决方法或解释？

Any workarounds or explanations?

推荐答案

快速修复，将其放置在您的< style> ： @media yahoo {min-width：0！important}

Quick fix, place this in your <style> tag: @media yahoo {min-width:0!important}

/ bug是这个帖子时的全新。雅虎现在正在将宽度改变为最小宽度，打破混合布局等等。有关 Litmus中的其他黑客的很好讨论社区。

This change/bug is brand new at the time of this posting. Yahoo is now changing width to min-width, breaking hybrid layouts among other things. There is a good discussion about other hacks in the Litmus Community.

这篇关于Yahoo在td上将宽度更改为min-width的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！