我想在HTML时事通讯中制作一个简单的'TABbed‘格式的列表

Question

请记住，这是一个关于HTML电子邮件时事通讯代码的问题(代码限制适用)。

我想要一个无序的日期和事件列表的格式，使日期运行在列中的左边距和所有的事件跟随到右边但左对齐，就像你会得到一个简单的制表位在文本编辑器中。

我应该使用一张桌子来做这件事，还是有更简单的方法？

更复杂的是，事件列有时会运行2行，让dates列运行行并将其分解为：

第1行:日期

第二行: times

例如：

星期一6月

上午8:30

这就是文本在文本编辑器中的显示方式，我想在HTML中近似于电子邮件时事通讯。

​

​

Answer 1

这是表格数据。使用一张桌子。

Answer 2

在一个普通的网页中，我可能会使用<dl>。然而，在电子邮件中，你最好使用<table>元素来组织一切，因为在不同的电子邮件客户端上，对HTML和CSS的支持是如此不一致。使用<br>将内容分成两行。

它似乎打破了过去15年web开发中的每一个最佳实践和可访问性规则，但如果你想让它在大多数电子邮件客户端上正确呈现，你别无选择。

下面是一些很好的文章来帮助你：

• http://www.sitepoint.com/code-html-email-newsletters/
• http://kb.mailchimp.com/article/how-to-code-html-emails
• http://www.campaignmonitor.com/design-guidelines/