国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP，暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP

首頁

好書

留言交流

下載APP

聯(lián)系客服
小書匠語法說明之表格 | 小書匠

概述

小書匠除了支持基礎(chǔ)的表格語法外，還對(duì)表格功能進(jìn)行能增強(qiáng)，比如行合并單元格，列合并單元格，多表格頭，多表格身等

普通表格

常規(guī)用法

示例

  1. First Header | Second Header 
  2. ------------- | ------------- 
  3. Content Cell | Content Cell 
  4. Content Cell | Content Cell 

效果

First HeaderSecond Header
Content CellContent Cell
Content CellContent Cell

表格內(nèi)容對(duì)齊

示例

單元格左對(duì)齊

單元格左對(duì)齊    5行
  1. First Header | Second Header 
  2. :------------ | ------------- 
  3. Content Cell | Content Cell 
  4. Content Cell | Content Cell 
單元格右對(duì)齊    5行
  1. First Header | Second Header 
  2. ------------: | ------------- 
  3. Content Cell | Content Cell 
  4. Content Cell | Content Cell 
單元格居中對(duì)齊    5行
  1. First Header | Second Header 
  2. :-----------: | ------------- 
  3. Content Cell | Content Cell 
  4. Content Cell | Content Cell 

效果

左對(duì)齊

First HeaderSecond Header
Content CellContent Cell
Content CellContent Cell

右對(duì)齊

First HeaderSecond Header
Content CellContent Cell
Content CellContent Cell

居中對(duì)齊

First HeaderSecond Header
Content CellContent Cell
Content CellContent Cell

增強(qiáng)型表格

如何打開增強(qiáng)型表格語法功能

元數(shù)據(jù) : grammar_tableExtra

  • 通過 小書匠主按鈕>設(shè)置>擴(kuò)展語法>增強(qiáng)型表格 進(jìn)行全局控制
  • 通過每篇文章元數(shù)據(jù)進(jìn)行開關(guān)控制 grammar_tableExtra

行單元格合并

如果單元格的右側(cè)內(nèi)容為空時(shí)，系統(tǒng)自動(dòng)向右合并單元格。

系統(tǒng)也支持在前一個(gè)單元格輸入 > ，來把當(dāng)前的單元格合并到下一個(gè)單元格里。

示例

  1. First Header | Second Header 
  2. ------------- | ------------- 
  3. 行合并的單元格 |  
  4. Content Cell | Content Cell 
  5.  
  6. 另一種方式 
  7.  
  8. First Header | Second Header 
  9. ------------- | ------------- 
  10. > | 行合并的單元格 
  11. Content Cell | Content Cell 
  12.  

效果

First HeaderSecond Header
行合并的單元格
Content CellContent Cell

方式二

First HeaderSecond Header
行合并的單元格
Content CellContent Cell

HTML

  1. <table class="table-extra table table-striped table-celled"> 
  2. <colgroup> 
  3. <col> 
  4. <col> 
  5. </colgroup> 
  6. <thead> 
  7. <tr> 
  8. <th>First Header</th> 
  9. <th>Second Header</th> 
  10. </tr> 
  11. </thead> 
  12. <tbody> 
  13. <tr> 
  14. <td colspan="2">行合并的單元格</td> 
  15.  
  16. </tr> 
  17. <tr> 
  18. <td>Content Cell</td> 
  19. <td>Content Cell</td> 
  20. </tr> 
  21. </tbody> 
  22. </table> 

列單元格合并

在想要被合并的單元格添加 ^ 符號(hào)。

示例

  1. First Header | Second Header 
  2. ------------- | ------------- 
  3. 合并的列單元格 | Content Cell 
  4. ^ | Content Cell 

效果

First HeaderSecond Header
合并的列單元格Content Cell
Content Cell

HTML

  1. <table class="table-extra table table-striped table-celled"> 
  2. <colgroup> 
  3. <col> 
  4. <col> 
  5. </colgroup> 
  6. <thead> 
  7. <tr> 
  8. <th>First Header</th> 
  9. <th>Second Header</th> 
  10. </tr> 
  11. </thead> 
  12. <tbody> 
  13. <tr> 
  14. <td rowspan="2">合并的列單元格</td> 
  15. <td>Content Cell</td> 
  16. </tr> 
  17. <tr> 
  18.  
  19. <td>Content Cell</td> 
  20. </tr> 
  21. </tbody> 
  22. </table> 

表格標(biāo)題

在表格定義的結(jié)尾添加 [標(biāo)題內(nèi)容]

示例

  1. First Header | Second Header 
  2. ------------- | ------------- 
  3. Content Cell | Content Cell 
  4. Content Cell | Content Cell 
  5. [表格標(biāo)題內(nèi)容] 

效果

表格標(biāo)題內(nèi)容
First HeaderSecond Header
Content CellContent Cell
Content CellContent Cell

HTML

  1. <table class="table-extra table table-striped table-celled"> 
  2. <caption>表格標(biāo)題內(nèi)容</caption> 
  3. <colgroup> 
  4. <col> 
  5. <col> 
  6. </colgroup> 
  7. <thead> 
  8. <tr> 
  9. <th>First Header</th> 
  10. <th>Second Header</th> 
  11. </tr> 
  12. </thead> 
  13. <tbody> 
  14. <tr> 
  15. <td>Content Cell</td> 
  16. <td>Content Cell</td> 
  17. </tr> 
  18. <tr> 
  19. <td>Content Cell</td> 
  20. <td>Content Cell</td> 
  21. </tr> 
  22. </tbody> 
  23. </table> 

多表格頭

普通表格只能在 ---- 分界線的上方添加一個(gè)表格頭，增強(qiáng)版的表格允許添加多個(gè)表格頭

示例

  1. 表格頭1 | 表格頭1 
  2. 表格頭2 | 表格頭2 
  3. ------------- | ------------- 
  4. Content Cell | Content Cell 
  5. Content Cell | Content Cell 

效果

表格頭1表格頭1
表格頭2表格頭2
Content CellContent Cell
Content CellContent Cell

HTML

  1. <table class="table-extra table table-striped table-celled"> 
  2. <colgroup> 
  3. <col> 
  4. <col> 
  5. </colgroup> 
  6. <thead> 
  7. <tr> 
  8. <th>表格頭1</th> 
  9. <th>表格頭1</th> 
  10. </tr> 
  11. <tr> 
  12. <th>表格頭2</th> 
  13. <th>表格頭2</th> 
  14. </tr> 
  15. </thead> 
  16. <tbody> 
  17. <tr> 
  18. <td>Content Cell</td> 
  19. <td>Content Cell</td> 
  20. </tr> 
  21. <tr> 
  22. <td>Content Cell</td> 
  23. <td>Content Cell</td> 
  24. </tr> 
  25. </tbody> 
  26. </table> 

多表格身

當(dāng)表格內(nèi)容部份有空行時(shí)，系統(tǒng)會(huì)生成多表格身效果。在 html 上就是生成多個(gè) tbody

示例

  1. First Header | Second Header 
  2. ------------- | ------------- 
  3. 表格內(nèi)容1 | 表格內(nèi)容1 
  4. 表格內(nèi)容1 | 表格內(nèi)容1 
  5.  
  6. 表格內(nèi)容2 | 表格內(nèi)容2 
  7. 表格內(nèi)容2 | 表格內(nèi)容2 

效果

First HeaderSecond Header
表格內(nèi)容1表格內(nèi)容1
表格內(nèi)容1表格內(nèi)容1
表格內(nèi)容2表格內(nèi)容2
表格內(nèi)容2表格內(nèi)容2

HTML

  1. <table class="table-extra table table-striped table-celled"> 
  2. <colgroup> 
  3. <col> 
  4. <col> 
  5. </colgroup> 
  6. <thead> 
  7. <tr> 
  8. <th>First Header</th> 
  9. <th>Second Header</th> 
  10. </tr> 
  11. </thead> 
  12. <tbody> 
  13. <tr> 
  14. <td>表格內(nèi)容1</td> 
  15. <td>表格內(nèi)容1</td> 
  16. </tr> 
  17. <tr> 
  18. <td>表格內(nèi)容1</td> 
  19. <td>表格內(nèi)容1</td> 
  20. </tr> 
  21. </tbody> 
  22. <tbody> 
  23. <tr> 
  24. <td>表格內(nèi)容2</td> 
  25. <td>表格內(nèi)容2</td> 
  26. </tr> 
  27. <tr> 
  28. <td>表格內(nèi)容2</td> 
  29. <td>表格內(nèi)容2</td> 
  30. </tr> 
  31. </tbody> 
  32. </table> 

一個(gè)比較復(fù)雜的表格例子

示例

  1. |First Header | Second Header || 
  2. |First Header | Second Header | Third Header| 
  3. |------------- | -------------|-------------| 
  4. 表身1Content Cell | Merge Content Cell|| 
  5. Content Cell | Content Cell| Content Cell| 
  6.  
  7. 表身2Content Cell | Merge Content Cell|| 
  8. Content Cell | Content Cell| Content Cell| 
  9. [表格標(biāo)題] 

效果

表格標(biāo)題
First HeaderSecond Header
First HeaderSecond HeaderThird Header
表身1Content CellMerge Content Cell
Content CellContent CellContent Cell
表身2Content CellMerge Content Cell
Content CellContent CellContent Cell

疑問

相關(guān)

表格組件

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊舉報(bào)。
打開APP，閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
表格基礎(chǔ)知識(shí)
表格標(biāo)簽-三行三列
識(shí)別HTML代碼基本結(jié)構(gòu)：表格的制作及屬性
python+playwright 學(xué)習(xí)-63 table表格定位與數(shù)據(jù)獲取
table標(biāo)簽
bootstrap 基本表格
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)！
如果VIP功能使用有故障，
可點(diǎn)擊這里聯(lián)系客服！

聯(lián)系客服