HTML 电子邮件 - 表格位置
Posted
技术标签:
【中文标题】HTML 电子邮件 - 表格位置【英文标题】：HTML Email - Table Position 【发布时间】：2013-02-20 07:38:40 【问题描述】：我刚刚开始创建 html 电子邮件。我正在创建我的最新版本 http://www.jn-design.co.uk/misc/Swagelok/email.html
它在浏览器中显示很好，直到IE，甚至9不同意它。其他的我还没看。将能够在 Firefox 或 chrome 中看到正确的显示。
关于为什么桌子的一半向右浮动有什么想法吗？
【问题讨论】：
我从不尝试这个。但看起来是一个不错的起点：htmlemailboilerplate.com/#f1 【参考方案1】：试试看
<!doctype html>
在文档顶部，<html> 标记之前
【讨论】：
谢谢，我什至没有想到这一点。关于为什么我的所有元素都增加了填充的任何想法？ 这很正常，我也遇到了同样的问题，当我添加 doctype 声明时它增加了填充，我认为这是因为 doctype 声明将浏览器置于标准模式以进行 html 页面显示 放置文档类型增加了我在所有浏览器中的填充？ 是的，它确实增加了您在所有浏览器上的填充，这很正常，只需将 bodypadding: _whatever_px 放入您的 css 中就可以了【参考方案2】：您应该添加： 对齐=“中心” 代替： 对齐=“左” 在第 22 行。
我已经完成了相当多的 HTML 电子邮件！
同时添加一个文档类型。
【讨论】：
对我的填充有什么建议吗？自从放入 doctype 后，所有浏览器中的填充都大大增加了！【参考方案3】：对于段落填充，您为什么不尝试单独设置边距。我也会推荐Boilerplate，因为它包含很多针对每个电子邮件客户端怪癖的解决方案。
【讨论】：
即使正文中的段落填充设置为 0px 并且单个段落我需要 LESS padding ，由于某种原因，尽管高度没有那么高，但仍会应用填充？....跨度> 您可能不得不放弃<p> 并使用 <tr> 并设置高度/边距。一些客户端会向<p> 添加额外的填充，这将覆盖其他任何内容。以上是关于HTML 电子邮件 - 表格位置的主要内容，如果未能解决你的问题，请参考以下文章
Google 表格脚本：带有 HTML 表格的电子邮件，该表格只有一组