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），但雅虎除外。

雅虎正在取代＆＃34;宽度＆＃34;声明＆＃34; min-width＆＃34;跨所有浏览器，这打破了布局。

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

有任何变通方法或解释吗？

Answer 1

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

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

Answer 2

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

作为此问题的解决方法，我将 height =“300px”添加为标记的属性。

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

雅虎在td上将宽度更改为min-width

2 个答案: