Markdown中表格使用技巧


表格中内容对齐、换行

在Markdown中我们都会这样使用表格:

| 姓名 | 年龄 | 爱好 | | -- | -- | -- | | 小明 | 9 | 篮球 | | 小刚 | 10 | 篮球、足球 | 

效果如下:

姓名 年龄 爱好
小明 9 篮球
小刚 10 篮球、足球

设置对齐方式

|:--:|居中对齐|:--|左对齐、|--:|右对齐。

| 姓名 | 年龄 | 爱好 | | :--: | :-- | --: | | 小明 | 9 | 篮球 | | 小刚 | 10 | 篮球、足球 | 

效果如下:

姓名 年龄 爱好
小明 9 篮球
小刚 10 篮球、足球

表格内容换行

Markdown本身不提供单元格换行,但是,Markdown是兼容HTML的,因此,我们可以使用<br>来实现单元格换行。

| 姓名 | 年龄 | 爱好 | | :-- | :-- | :-- | | 小明 | 9 | 篮球 | | 小刚 | 10 | 篮球 <br> 足球 | 

效果如下:

姓名 年龄 爱好
小明 9 篮球
小刚 10 篮球
足球

表格中单元格的合并

合并单元格还是要与HTML网页结合起来,来达到效果。

这会用到HTML的标签:

  • colspan:规定单元格可纵深的列数
  • rowspan:规定单元格可横跨的行数

可以直接在markdown中写html标签,不过渲染出来的样式,不同的markdown编辑器会有不同。

合并表格行

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

效果图:

合并表格列

<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> 

效果图:

 

综合使用

<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> 

效果图:

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM