2012-02-06 52 views
0

n.b.这涉及到HTML的电子邮件编码(限制适用)为什么重叠标签设置表格样式设置(显然)会做同样的事情?

举例来说,在我的工作邮件黑猩猩电子邮件模板有这样的:

<td valign="middle" width="140" style="vertical-align:middle; text-align: left;"> 

我猜他们是覆盖基地,但是当一个应该使用valign="top"以及何时使用style="vertical-align: top;"(以及何时使用两者)?

什么是导致这种令人困惑的风格分配状态的历史?

+0

你意识到这是一个HTML电子邮件,而不是一个网页,对不对? – BoltClock 2012-02-06 04:50:09

+0

是的,我忘了明确地说,谢谢! – 2012-02-06 05:07:31

回答

2

valign已弃用,不应在较新的应用程序中使用,因为其未来版本的当前浏览器中不保证其支持。 vertical-align是垂直对齐内容的推荐CSS方式。

请参阅此链接的详细信息:http://phrogz.net/css/vertical-align/index.html

+0

感谢您的链接。因此,在发送到各种未知的邮件客户端时,使用这两种方式是正确的? – 2012-02-06 05:06:40

+0

是的。唯一要确保的是,您既可以单独使用,也不使用'valign',因为目标客户端软件可能不支持该功能。同样使用'display:table-cell;'和'vertical-align'可以让你在非TD元素上也有这个。 – techfoobar 2012-02-06 05:27:54

+0

'非TD元素'如TR元素或其他所有元素一起? – 2012-02-06 06:48:37

1

由于valign已被弃用,一些电子邮件客户端可能无法呈现。所以,有内联CSS回退(因为HTML电子邮件需要内联CSS)。

我认为它在这种情况下使用的主要原因是,无论如何,<td>正在中间垂直对齐。

相关问题