在Outlook中浮动替换电子邮件 [英] Float replacement for email in outlook

问题描述

这是此问题的后续问题。

我正在写这封两栏电子邮件，我被建议在我的td上使用 float：left 以便宽度适合电子邮件。但是，我不认为outlook支持float，我的右列被推到了整个表的范围之外。

I am writing this two-column email and I have been advised to use float:left on my td's so that the widths are appropriate for the email. However, I don't think float is supported in outlook and my right column is being pushed outside the bounds of the entire table.

这里是电子邮件在Outlook中呈现的截图：

Here is a screenshot of how the email renders in outlook:

< img src =https://i.imgur.com/yU38hAh.pngalt =Here>

可以找到代码这里。

推荐答案

浮动 td 是一件非常奇怪的事情。我没试过，但我的猜测是某些版本的IE只是不会做任何事情（因此，对于您的担心，某些版本的Outlook可能会显示相同的行为，或者不会，具体取决于MS的安装版本和顺序办公室和IE）。

Floating a td is a very strange thing to do. I haven't tried, but my guess is some versions of IE just won't do anything (therefore, for your concern, some versions of Outlook might show the same behaviour, or not, depending on the version and order of installation of MS Office and IE).

浮动电子邮件客户端的任何元素也是一个坏主意，因为hotmail / outlook.com和大多数版本的Outlook桌面都不支持 float property。

Floating any elements for email clients is a bad idea as well, since hotmail/outlook.com, and most versions of Outlook desktop do not support the float property.

参见： http://www.campaignmonitor.com/css/

编辑：它与浮动或对齐无关。该表中有6行，第二行有2列，其余的都有1列。每个表必须具有相同数量的列，因此您可以在其他所有5个 tr colspan 属性c>为了让表占用 tr ，其中包含2 td ，就像这个< tr colspan =2... 。然后删除所有浮动，是不必要的。

It has nothing to do with floating or aligning. You have 6 rows in that table, and the second one, has 2 columns, all the rest have 1 column. You have to have the same amount of columns per table, so you can use the colspan attribute on all 5 of the other tr in order for the table to account for the tr that has 2 td, like this <tr colspan="2".... Then remove all floating, is unneccesary.

参见 http://www.w3.org/TR/REC-html40/struct/tables.html#adef-colspan 了解更多信息。

这篇关于在Outlook中浮动替换电子邮件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！