當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Markdown编辑表格实现合并单元格、单元格内容换行

發布時間：2024/1/23 编程问答 48 豆豆

生活随笔收集整理的這篇文章主要介紹了 Markdown编辑表格实现合并单元格、单元格内容换行小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Markdown雖然沒有合并單元格的語法，但是Markdown是兼容HTML的，因此，我們可以通過HTML的方式實現單元格合并。
跨行合并使用 rowspan 屬性
跨列合并使用 colspan 屬性

HTML標簽是以一對<>包括，比如表格標簽< table >。并且每個標簽是成對方式出現的，結束標簽前面是/,在一對標簽中間是要展示的內容，標簽在解釋器解釋時候并不做顯示。
表標簽的標記是table,比如：

表格的標題標簽是caption,并且作為表格的內容一定要放在表格標簽對里面：

行標簽< tr >，列單元格標簽< td >，

效果如下：

單元格1	單元格2
單元格3	單元格4

表頭標簽< th >，表頭字體會加粗區別，且單元格背景色略有不同：

表頭1 表頭2

單元格1

跨行合并使用 rowspan 屬性
跨列合并使用 colspan 屬性

行合并在起始單元格標簽中加上rowspan = “合并單元數”即可實現，比如合并兩行：

<table><tr><td rowspan = "2"> 單元格1 </td><td> 單元格2 </td></tr><tr><td> 單元格4 </td></tr> ?</table> ?

單元格1	單元格2
	單元格4

列合并在起始單元格標簽中加上`colspan = “合并單元數”`即可實現，比如合并兩行列： <table><tr><td colspan = "2"> 單元格1 </td></tr><tr><td> 單元格3 </td><td> 單元格4 </td></tr> </table>

單元格1
單元格3	單元格4

使用HTML的<br>實現
在Markdown的寫法中：

|排名|姓名| |--|--| |第一名|隔壁老王| |第二名|隔壁小王 <br> 隔壁小小王| 排名姓名

第一名	隔壁老王
第二名	隔壁小王隔壁小小王

如果使用HTML的table：

<table><tr><th> 排名 </th><th> 姓名 </th></tr><tr><td> 第一名 </td><td> 隔壁老王 </td></tr><tr><td> 第二名 </td><td> 隔壁小王<br> 隔壁小小王 </td></tr></table> 排名姓名

第一名	隔壁老王
第二名	隔壁小王隔壁小小王

兩種方法實現的表格效果是基本一致的。

單元格的對齊標記是align,它有三種屬性內容：
left
right
center
它可以放在一行或者一個列單元格的標記中控制這一行或者這一個列單元格標記的對齊方式

單元格1
單元格3	單元格4

注意：不設置對齊則默認與上一個相同對齊方式，兩個標簽中間要有空格

注意： <td colspan="2" bgcolor=#7B68EE> 這里colspan="2"和bgcolor=#7B68EE中間必須有空格

推薦一個網站可以在Excel表格中編輯好后在線轉換成html標記對的網站：http://pressbin.com/tools/excel_to_html_table/index.html

參考鳴謝：
Markdown表格-換行、合并單元格
csdn的Markdown編輯器中如何（跨行跨列）合并單元格表格
Markdown(六)——表格合并單元格&增加標題
Markdown表格—合并單元格—設置單元格顏色
Markdown快速實現復雜表格方法

以上是生活随笔為你收集整理的Markdown编辑表格实现合并单元格、单元格内容换行的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。