Markdown之表格的处理

原文转载至：http://www.ituring.com.cn/article/3452

目前编辑器不支持表格，以往是通过截图，呈现的效果并不好，Markdown支持html，所以我们可以用html来写表格。但是......用html写表格，实在太麻烦了，这里有个简单的转换方法，供大家参考：

举例，假设有这样一个表格，内容如下：

时间 地点 人物
3月5日 北京 姚明
3月7日 上海 韩寒

处理方法如下：

1. 从word或excel中复制表格

2. 打开此链接

3. 贴上复制的文字，然后按convert，就会得到这个表格的代码，如图所示：

   

简要说明表格设定如下：

1. 将第一个 <table>变成<table class="table table-bordered table-striped table-condensed">。

   

   为什么要加它们呢？这三个是什么意思呢？解释如下：

   它们都会给表格带上某种样式，如果没有的话，比较不好看：

   • table-bordered：带圆角边框和竖线
   • table-striped：奇偶行颜色不同
   • table-condensed：压缩行距

   以上三个可以进行不同的组合，如果是很长的表格，建议只用后两个。

2. 另外，如果需要表头跟内容不一样，可以将<td>表头内容</td>换成<th>表头内容</th>。

3. 如果表格内文需要换行，可以在要换行的内容后加入<br>，后面的内容就会跑到下一行。

4. 如果内文中有代码，需要特别显示，可使用：<code>代码</code>。

5. 如果表格中有需要设为斜体的内容，可使用：<I>要设为斜体的内容</I>。

6. 如果有跨行或者跨列的单元格，可用<th colspan="跨列数">内容</th>。
   跨行则是用rowspan="跨行数"。

7. 如果要调整某一列的宽度，可使用：<th width="宽度值或百分比">表头内容</th>。

8. 如果要调整整个表格的宽度，可以参考berlinix的这篇文章：http://www.ituring.com.cn/article/details/8367

把最后得到的代码复制到文中，下面就是结果啦：

时间	地点	人物
3月5日	北京	姚明
3月7日	上海	韩寒

如果大家对此感兴趣，这里有一个进阶资料：http://twitter.github.com/bootstrap/base-css.html#tables，感谢大胖指点^^

Markdown table 只占50%的宽度。

代码：

<div class="row">
    <div class="span4">
        <table>
            ...
        </table>
    </div>
</div>

如果想占更多或更少的宽度，把span4修改为其他值，如span6（总宽度是span8，按比例算下就行）。

John	Smith	123 Main St.
Mary	Jones	456 Pine St.
Jim	Baker	789 Park Ave.