1、表格中內(nèi)容對齊、換行
常規(guī)表格使用
一般我們都會這樣用表格如下:
| 姓名 | 年齡 | 愛好 |
| -- | -- | -- |
| 小明 | 9 | 籃球 |
| 小剛 | 10 | 籃球、足球 |
效果如下:
姓名 | 年齡 | 愛好 |
---|---|---|
小明 | 9 | 籃球 |
小剛 | 10 | 籃球、足球 |
設(shè)置對齊方式
|:--:|
居中對齊、|:--|
左對齊、|--:|
右對齊。
| 姓名 | 年齡 | 愛好 |
| :--: | :-- | --: |
| 小明 | 9 | 籃球 |
| 小剛 | 10 | 籃球、足球 |
效果如下:
姓名 | 年齡 | 愛好 |
---|---|---|
小明 | 9 | 籃球 |
小剛 | 10 | 籃球、足球 |
表格內(nèi)容換行
Markdown本身不提供單元格換行,但是,Markdown是兼容HTML的,因此,我們可以通過HTML的方式實現(xiàn)單元格換行。
| 姓名 | 年齡 | 愛好 |
| :-- | :-- | :-- |
| 小明 | 9 | 籃球 |
| 小剛 | 10 | 籃球 <br> 足球 |
效果如下:
姓名 | 年齡 | 愛好 |
---|---|---|
小明 | 9 | 籃球 |
小剛 | 10 | 籃球 足球 |
2、表格中單元格的合并
合并單元格還是要與HTML網(wǎng)頁結(jié)合起來,來達(dá)到效果。
這會用到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>類別</td>
<td>名稱</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>類別</td>
<td>名稱</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