我通常使用margin:0 auto
的CSS规则和一个960容器来处理我的基于浏览器的标准内容,但我是一个创建电子邮件的新手,我有以下的设计,现在我想在浏览器窗口居中而不使用标准的CSS。
http://static.helpcurenow.org/mockups/emails/2010/may-survey/survey.html
我似乎记得在某个地方看到过,也可以通过将您的电子邮件表设计包装在一个设置为width:100%
的外部表中,并在tbody上使用一些text-align:center
的内联样式或类似这样的东西来完成它?
有没有这方面的最佳实践?
发布于 2010-05-18 21:48:37
将桌子居中对齐。
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
Your Content
</td>
</tr>
</table>
如果你有“你的内容”,如果它是一个表格,将它设置为所需的宽度,你就会有居中的内容。
发布于 2012-05-31 16:21:26
为了谷歌员工和完整性的考虑:
当我需要经历实现html电子邮件模板或签名的痛苦时,这里有一个我经常使用的参考:http://www.campaignmonitor.com/css/
我列出了大多数CSS支持,如果不是所有CSS选项,很好地比较了一些最常用的电子邮件客户端。
对于居中,只需使用CSS即可(因为在HTML 4.01
中不推荐使用align
属性)。
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="text-align: center;">
Your Content
</td>
</tr>
</table>
发布于 2012-09-15 16:22:18
表align=“中心”...这将对齐页面的表格中心。
使用td align=“居中”将内容居中到该td中,这对于居中对齐的文本很有用,但是您会遇到一些电子邮件客户端将内容居中放置在子级表格中的问题,因此使用td align作为在页面上居中放置“容器”表格的顶层方法不是一种可行的方法。请改用表格对齐。
仍然使用你的100%包装器表格,纯粹作为正文的包装器,因为一些电子邮件客户端不显示正文背景颜色,但它会与100%表格一起显示,所以将你的正文颜色添加到正文和100%表格中。
我可以没完没了地谈论html email dev的所有怪癖。我所能说的就是一次又一次的测试。Litmus.com是测试电子邮件的一个很棒的工具。
你做的越多,你就会学到更多关于什么在电子邮件客户端上工作的知识。
希望这能有所帮助。
https://stackoverflow.com/questions/2857765
复制相似问题