【问题标题】:HTML Email - Table PositionHTML 电子邮件 - 表格位置
【发布时间】:2013-02-20 07:38:40
【问题描述】:

我刚刚开始创建 HTML 电子邮件。我正在创建我的最新版本 http://www.jn-design.co.uk/misc/Swagelok/email.html

它在浏览器中显示很好,直到IE,甚至9不同意它。其他的我还没看。将能够在 Firefox 或 chrome 中看到正确的显示。

关于为什么桌子的一半向右浮动有什么想法吗?

【问题讨论】:

标签: html css email html-email html-table


【解决方案1】:

试试看

<!doctype html>

在文档顶部,&lt;html&gt; 标记之前

【讨论】:

  • 谢谢,我什至没有想到这一点。关于为什么我的所有元素都增加了填充的任何想法?
  • 这很正常,我也遇到了同样的问题,当我添加 doctype 声明时它增加了填充,我认为这是因为 doctype 声明将浏览器置于标准模式以进行 html 页面显示
  • 放置文档类型增加了我在所有浏览器中的填充?
  • 是的,它确实增加了您在所有浏览器上的填充,这很正常,只需将 body{padding: _whatever_px} 放入您的 css 中就可以了
【解决方案2】:

您应该添加: 对齐=“中心” 代替: 对齐=“左” 在第 22 行。

我已经完成了相当多的 HTML 电子邮件!

同时添加一个文档类型。

【讨论】:

  • 对我的填充有什么建议吗?自从放入 doctype 后,所有浏览器中的填充都大大增加了!
【解决方案3】:

对于段落填充,您为什么不尝试单独设置边距。我也会推荐Boilerplate,因为它包含很多针对每个电子邮件客户端怪癖的解决方案。

【讨论】:

  • 即使正文中的段落填充设置为 0px 并且单个段落我需要 LESS padding ,由于某种原因,尽管高度没有那么高,但仍会应用填充?....跨度>
  • 您可能不得不放弃 &lt;p&gt; 并使用 &lt;tr&gt; 并设置高度/边距。一些客户端会向&lt;p&gt; 添加额外的填充,这将覆盖其他任何内容。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-06-17
  • 2012-12-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多