CSDN博客——Markdown的表格的处理

CSDN博客（Markdown）支持html，所以我们可以用html来写表格。但是用html写表格，实在太麻烦了，这里有个简单的转换方法，供大家参考。

将表格信息转化为HTML代码

举例，假设有这样一个表格，内容如下：
等级 所需积分
V1 0
V2 100
V3 500

处理方法如下：
从word或excel中复制表格内容（只需要文字内容就可以了）

这是一个能将EXCEL表格转化成HTML格式的在线网址：http://pressbin.com/tools/excel_to_html_table/index.html

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


接下来直接将获取到的代码复制到正文就会显示表格了，如图：

简要说明表格设定如下：

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

为什么要加它们呢？这三个是什么意思呢？解释如下：
它们都会给表格带上某种样式，如果没有的话，比较不好看：
table-bordered：带圆角边框和竖线
table-striped：奇偶行颜色不同
table-condensed：压缩行距
以上三个可以进行不同的组合，如果是很长的表格，建议只用后两个。

如果需要表头跟内容不一样，可以将<td>表头内容</td>换成<th>表头内容</th>。如果表格内文需要换行，可以在要换行的内容后加入<br>，后面的内容就会跑到下一行。文中有代码，需要特别显示，可使用：<code>代码</code>。如果表格中有需要设为斜体的内容，可使用：<!--<I>要设为斜体的内容</I>。-->如果有跨行或者跨列的单元格，可用<th colspan="跨列数">内容</th>。跨行则是用rowspan="跨行数"。如果要调整某一列的宽度，可使用：<th width="宽度值或百分比">表头内容</th>。如果要调整整个表格的宽度，稍微麻烦点。因为Markdown table 只占50%的宽度。代码如下：<div class="row">    <div class="span4">        <table>            ...        </table>    </div></div>如果想占更多或更少的宽度，把span4修改为其他值，如span6（总宽度是span8，按比例算下就行）。

经过这一系列的操作，你的博客文章就会变得炫酷了！！