markdown 表格宽度调整

先在浏览器中看看  HTML 是怎样的：

< table > < thead > < tr > < th > 名称 </ th > < th > 值 </ th > < th > 备注 </ th > </ tr > </ thead > < tbody > <!-- 省略 tbody 内容 --> </ tbody > </ table >

利用浏览器上的开发者工具我们可以调试一下，把【名称】左边的  <th>  改为：

< th style = "width: 100px;" >

• 1

  看起来似乎不错。回到  Markdown  上，在原表格前添加 CSS 代码，类似这样：

< style > table th:first-of-type { width: 100px; } </ style > <!-- 下方是表格的 Markdown 语法 --!>

首先  <th>  存在于  <table>  中；其次  th:first-of-type  的意思是每个  <th>  为其父级的第一个元素，这里指的就是围绕着【名称】的  <th> 。同理第二、三个使用  th:nth-of-type(2) 、 th:nth-of-type(3)  就可以了，以此类推。 

  上述的  th:first-of-type  等于  th:nth-of-type(1) 。