357全球通 357全球通

【markdown技巧】- typecho快速生成表格(table)样式

in 默认分类 read (862) 文章转载请注明来源!

转载自Typecho中文网,记录一下

1. 表格样式
编辑表格在markdown里面有两种办法,一个是利用markdown默认支持的语法,即:

----| 等符号相结合。例如:

dog | bird | cat
----|------|----
foo | foo  | foo
bar | bar  | bar
baz | baz  | baz

得到样式如图:

dogbirdcat
foofoofoo
barbarbar
bazbazbaz

可以把它应用到友链

友链描述备注
导航站导航网页

这一类的排版说实话很难用,曾经试图编辑一个下载历史表格然后就跪了。

2. 使用table标签
其实markdown只是把特一些特殊的标签换成了HTML标签了而已,如果不是特殊标签则不被markdown解释器所转换,基于整个原理,咱们可以直接使用HTML标签中的table标签即可。
上面的表格代码就可以使用:

<table>
<thead>
<tr>
<th>Tables</th>
<th style="text-align:center">Are</th>
<th style="text-align:right">Cool</th>
</tr>
</thead>
<tbody>
<tr>
<td>col 3 is</td>
<td style="text-align:center">right-aligned</td>
<td style="text-align:right">$1600</td>
</tr>
<tr>
<td>col 2 is</td>
<td style="text-align:center">centered</td>
<td style="text-align:right">$12</td>
</tr>
<tr>
<td>zebra stripes</td>
<td style="text-align:center">are neat</td>
<td style="text-align:right">$1</td>
</tr>
</tbody>
</table>

效果如下:

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

3.使用Tables Generator快速生成表格
Tables Generator 可以在线生成 LaTeX、HTML、Markdown 格式的表格代码,支持在表格中填充数据,修改字体/背景颜色,对齐方式等等。

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

扫描二维码,在手机上阅读!

本文基于《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
文章链接:http://www.357global.com/archives/table.html (转载时请注明本文出处及文章链接)

默认分类
发表新评论
仅有 1 条评论
  1. JohnYin
    JohnYin 10Chrome 67
    回复

    生生世世

PREVIOUS NEXT
雷姆
拉姆