在Markdown中使用表格是一件很麻烦也很简单的事情。说麻烦,是因为Markdown本身没有对表格进行过语法定义,我们只能通过HTML语法中的<table>、<tbody>、<tr>、<td>等标签来实现。说简单,是因为不少人针对Markdown开发了一些补充语法,用来实现表格的创建,通常这些补充语法的规则都很简单,使用一两次就能记住。下面引用了网友严松解决办法,在配合WP-Markdown插件实测时有效。

语法规则

描述
baseline 默认元素放置在父元素的基线上
sub 垂直对齐文本的下标
super 垂直对齐文本的上标
top 把元素的顶端与行中最高元素的顶端对齐
text-top 把元素的顶端与父元素字体的顶端对齐
middle 把此元素放置在父元素的中部
bottom 把元素的顶端与行中最低的元素的顶端对齐
text-bottom 把元素的底端与父元素字体的底端对齐
length 相对基准线的偏移
% 使用 "line-height" 属性的百分比值来排列此元素允许使用负值
inherit 规定应该从父元素继承 vertical-align 属性的值*(所有的IE都不支持?!)*

生成效果

值
描述




baseline
默认元素放置在父元素的基线上


sub
垂直对齐文本的下标


super
垂直对齐文本的上标


top
把元素的顶端与行中最高元素的顶端对齐


text-top
把元素的顶端与父元素字体的顶端对齐


middle
把此元素放置在父元素的中部


bottom
把元素的顶端与行中最低的元素的顶端对齐


text-bottom
把元素的底端与父元素字体的底端对齐


length
相对基准线的偏移


%
使用 "line-height" 属性的百分比值来排列此元素允许使用负值


inherit
规定应该从父元素继承 vertical-align 属性的值_(所有的IE都不支持?!)_

HTML视图

<thead>
<tr>
<th align="left">

</th>

&lt;th align="left"&gt;
  描述
&lt;/th&gt;

</tr>
</thead>

<tbody>
<tr>
<td align="left">
baseline
</td>

&lt;td align="left"&gt;
  默认元素放置在父元素的基线上
&lt;/td&gt;

</tr>

<tr>
<td align="left">
sub
</td>

&lt;td align="left"&gt;
  垂直对齐文本的下标
&lt;/td&gt;

</tr>

<tr>
<td align="left">
super
</td>

&lt;td align="left"&gt;
  垂直对齐文本的上标
&lt;/td&gt;

</tr>

<tr>
<td align="left">
top
</td>

&lt;td align="left"&gt;
  把元素的顶端与行中最高元素的顶端对齐
&lt;/td&gt;

</tr>

<tr>
<td align="left">
text-top
</td>

&lt;td align="left"&gt;

把元素的顶端与父元素字体的顶端对齐
</td>
</tr>

<tr>
<td align="left">
middle
</td>

&lt;td align="left"&gt;
  把此元素放置在父元素的中部
&lt;/td&gt;

</tr>

<tr>
<td align="left">
bottom
</td>

&lt;td align="left"&gt;
  把元素的顶端与行中最低的元素的顶端对齐
&lt;/td&gt;

</tr>

<tr>
<td align="left">
text-bottom
</td>

&lt;td align="left"&gt;
  把元素的底端与父元素字体的底端对齐
&lt;/td&gt;

</tr>

<tr>
<td align="left">
length
</td>

&lt;td align="left"&gt;
  相对基准线的偏移
&lt;/td&gt;

</tr>

<tr>
<td align="left">
%
</td>

&lt;td align="left"&gt;
  使用 "line-height" 属性的百分比值来排列此元素允许使用负值
&lt;/td&gt;

</tr>

<tr>
<td align="left">
inherit
</td>

&lt;td align="left"&gt;
  规定应该从父元素继承 vertical-align 属性的值&lt;em&gt;(所有的IE都不支持?!)&lt;/em&gt;
&lt;/td&gt;

</tr>
</tbody>

使用说明

  1. 符号|,指代的其实就是一个td分割。2. 符号:—-,指代的是左对齐。3. 符号:—-,指代的是左对齐。4. 符号:—-,指代的是居中对齐。

注意点

  1. 对齐符号有且只有一行,且在头部下方。2. 必须要有头部。3. 必须要有对齐符号。