1. 程式人生 > >Markdown特殊表格處理

Markdown特殊表格處理

插入表格程式碼如下:

<table class="table table-bordered table-striped table-condensed">
    <tr>
        <td>北京</td>
    <td>霧霾</td>
    </tr>
    <tr>
        <td>深圳</td>
    <td>暴雨</td>
    </tr>
</table>

發現table加了個class屬性,如果只是table標籤 將不起作用。

table-bordered:帶圓角邊框和豎線

table-striped:奇偶行顏色不同

table-condensed:壓縮行距

除了以上另外還有其他可供選擇:

1、如果需要表頭跟內容不一樣,可以將<td>表頭內容</td>換成<th>表頭內容</th>

2、如果表格內文需要換行,可以在要換行的內容後加入<br>,後面的內容就會跑到下一行。

3、如果內文中有程式碼,需要特別顯示,可使用:<code>程式碼</code>

4、如果表格中有需要設為斜體的內容,可使用:<I>要設為斜體的內容</I>

5、如果有跨行或者跨列的單元格,可用<th colspan="跨列數">內容</th>rowspan

6、如果要調整某一列的寬度,可使用:<th width="寬度值或百分比">表頭內容</th>

最後效果如下:

北京 霧霾
深圳 暴雨