51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

Hexo调整Markdown表格宽度的技巧

引言 {#引言}

<table> 中表格的宽度由标题的 <th> 决定,我们只需要利用上 CSS 操作一番即可达到目的。

解决方法 {#解决方法}

默认情况下,下面表格两列是等宽的

| 第一列 | 第二列 | |-----|-----| | A | B | | C | D |

在MD文件中增加以下的样式后就可以修改第一列的宽度为100px了

|-------------------|-------------------------------------------------------------------| | 1 2 3 4 5 | <style> table th:first-of-type { width: 100px; } </style> |

或者

|-------------------|--------------------------------------------------------------------| | 1 2 3 4 5 | <style> table th:nth-of-type(1) { width: 100px; } </style> |


赞(0)
未经允许不得转载:工具盒子 » Hexo调整Markdown表格宽度的技巧