【发布时间】：2013-09-14 01:17:09
【问题描述】：
我想使用 markdown extra / html 来格式化表格。我希望每隔一行都有一个灰色背景以提高可读性。我也希望能够设置表格的宽度。为了完成第二部分，我尝试了这个：
<div style="width:300px">
header 1 | header 2 | header 3
-------- | -------- | --------
row 1 | a | b
row 2 | c | d
row 3 | e | f
</div>
这不起作用。有什么建议么？谢谢。
【问题讨论】：
-
您确定降价是您的最佳选择吗？ “Markdown 不是 HTML 的替代品，甚至更接近于它。它的语法非常小，只对应极小的 HTML 标签子集。这个想法不是创建一种更容易插入 HTML 标签的语法。在我认为HTML标签已经很容易插入了。Markdown的想法是让散文的阅读、编写和编辑变得容易。HTML是一种发布格式；Markdown是一种写作格式。因此，Markdown的格式化语法只解决了以下问题可以以纯文本形式传达。”
-
感谢 dbd 的回复。我不确定我最好的选择是什么。我知道我的大学篮球网站内容的创建者短期内不会学习 html。他的大部分文章都包含表格数据，要求他为每篇博文写一个 html 表格是不现实的。他对 markdown 语法很熟悉，但在某些情况下，让表格跨越整个页面的宽度看起来并不合适。
-
我可以看到您的问题，您应该能够（恕我直言）限制父元素的宽度。请参阅我对使用 CSS 处理所有其他行问题的回答。
-
再次感谢 dbd... 我会测试你的答案，我会报告回来。至于调整表格的宽度：`似乎可以解决问题。点击jsfiddle链接进行即时测试。