2

抱歉，不能 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 除外。

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

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

任何解决方法或解释？

4

2 回答 2

2

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

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

于 2016-06-07T17:48:09.377 回答
0

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

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

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

于 2018-02-06T10:47:14.207 回答