1、表格中內(nèi)容對(duì)齊、換行

常規(guī)表格使用

一般我們都會(huì)這樣用表格如下：

| 姓名 | 年齡 |  愛(ài)好 |
| -- | -- | -- |
| 小明 | 9 | 籃球 |
| 小剛 | 10 | 籃球、足球 |

效果如下:

設(shè)置對(duì)齊方式

|:--:|居中對(duì)齊、|:--|左對(duì)齊、|--:|右對(duì)齊。

| 姓名 | 年齡 |  愛(ài)好 |
| :--: | :-- | --: |
| 小明 | 9 | 籃球 |
| 小剛 | 10 | 籃球、足球 |

效果如下:

表格內(nèi)容換行

Markdown本身不提供單元格換行，但是，Markdown是兼容HTML的，因此，我們可以通過(guò)HTML的方式實(shí)現(xiàn)單元格換行。

| 姓名 | 年齡 |  愛(ài)好 |
| :-- | :-- | :-- |
| 小明 | 9 | 籃球 |
| 小剛 | 10 | 籃球 <br> 足球 |

效果如下:

2、表格中單元格的合并

合并單元格還是要與HTML網(wǎng)頁(yè)結(jié)合起來(lái)，來(lái)達(dá)到效果。

這會(huì)用到HTML的標(biāo)簽：

• colspan：規(guī)定單元格可縱深的列數(shù)
• rowspan：規(guī)定單元格可橫跨的行數(shù)

合并表格行

<table>
    <tr>
        <td>張</td>
        <td>王</td>
    <tr>
    <tr>
        <td colspan="2">姓氏</td>
    <tr>
</table>

效果圖：

合并行.png

合并表格列

<table>
    <tr>
        <td>類(lèi)別</td>
        <td>名稱(chēng)</td>
    </tr>
    <tr>
        <td rowspan="2">顏色</td>
        <td>紅色</td>
    </tr>
    <tr>
        <td>黃色</td>
    </tr>
    <tr>
        <td rowspan="2">姓氏</td>
        <td>張</td>
    </tr>
    <tr>
        <td>王</td>
    </tr>
</table>

效果圖:

合并列.png

綜合使用

<table>
    <tr>
        <td>類(lèi)別</td>
        <td>名稱(chēng)</td>
    </tr>
    <tr>
        <td rowspan="2">顏色</td>
        <td>紅色</td>
    </tr>
    <tr>
        <td>黃色</td>
    </tr>
    <tr>
        <td colspan="2">姓氏</td>
    </tr>
    <tr>
        <td>王</td>
        <td>張</td>
    </tr>
</table>

效果圖:

綜合.png