Hexo 控制 Markdown 各列表格宽度

Markdown 对表格的支持不是很友好,但我们可以通过用 CSS 来控制,在网上找了很多种办法都是控制整个表格的。 不过最终还是找到了一种可以修改各列表格宽度的办法.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
<style>
table th:nth-of-type(1) {
width: 10%;
}

table th:nth-of-type(2) {
width: 20%;
}

table th:nth-of-type(3) {
width: 30%;
}

table th:nth-of-type(4) {
width: 40%;
}
</style>

我在这里举个例子:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<style>
table th:nth-of-type(1) {
width: 10%;
}
table th:nth-of-type(2) {
width: 20%;
}
table th:nth-of-type(3) {
width: 30%;
}
table th:nth-of-type(4) {
width: 40%;
}
</style>

|  |  |  |  |
| :-: | :-: | :-: | :-: |
| 1 | 2 | 3 | 4 |
1 2 3 4