Markdown之表格的處理
目前編輯器不支援表格,以往是通過截圖,呈現的效果並不好,Markdown支援html,所以我們可以用html來寫表格。但是......用html寫表格,實在太麻煩了,這裡有個簡單的轉換方法,供大家參考:
舉例,假設有這樣一個表格,內容如下:
時間 地點 人物
3月5日 北京 姚明
3月7日 上海 韓寒
處理方法如下:
從word或excel中複製表格
開啟此連結
貼上覆制的文字,然後按convert,就會得到這個表格的程式碼,如圖所示:
簡要說明表格設定如下:
將第一個
<table>
變成<table class="table table-bordered table-striped table-condensed">
。為什麼要加它們呢?這三個是什麼意思呢?解釋如下:
它們都會給表格帶上某種樣式,如果沒有的話,比較不好看:
- table-bordered:帶圓角邊框和豎線
- table-striped:奇偶行顏色不同
- table-condensed:壓縮行距
以上三個可以進行不同的組合,如果是很長的表格,建議只用後兩個。
另外,如果需要表頭跟內容不一樣,可以將
<td>表頭內容</td>
換成<th>表頭內容</th>
。如果表格內文需要換行,可以在要換行的內容後加入
<br>
,後面的內容就會跑到下一行。如果內文中有程式碼,需要特別顯示,可使用:
<code>程式碼</code>
。如果表格中有需要設為斜體的內容,可使用:
<I>要設為斜體的內容</I>
。如果有跨行或者跨列的單元格,可用
<th colspan="跨列數">內容</th>
。
跨行則是用rowspan="跨行數"
。如果要調整某一列的寬度,可使用:
<th width="寬度值或百分比">表頭內容</th>
。如果要調整整個表格的寬度,可以參考berlinix的這篇文章:http://www.ituring.com.cn/article/details/8367
把最後得到的程式碼複製到文中,下面就是結果啦:
時間 | 地點 | 人物 |
---|---|---|
3月5日 | 北京 | 姚明 |
3月7日 | 上海 | 韓寒 |
如果大家對此感興趣,這裡有一個進階資料:http://twitter.github.com/bootstrap/base-css.html#tables,感謝大胖指點^^
相關文章
- markdown表格
- markdown 表格形式
- ChatExcel--自動處理表格Excel
- 使用openpyxl處理表格資料
- Python中用OpenPyXL處理Excel表格PythonExcel
- Python 中 Panda 庫 處理表格方法Python
- [python] 基於Tablib庫處理表格資料Python
- Python excel表格讀寫,格式化處理PythonExcel
- Python表格處理模組xlrd在Anaconda中的安裝Python
- 如何在 Python 中自動化處理 Excel 表格?PythonExcel
- 一個能夠生成 Markdown 表格的 Bash 指令碼指令碼
- 表格資料處理的2種寫法,偽元素和操作dom
- Python之檔案處理Python
- Netty之非阻塞處理Netty
- 視訊處理之OSD
- 影像處理之骨架提取
- NodeJS之異常處理NodeJS
- 以太坊之Fetcher(收到BlockHash的處理)BloC
- 【scikit-learn基礎】--『預處理』之 缺失值處理
- Flink處理函式實戰之四:視窗處理函式
- 大資料爭論:批處理與流處理的C位之戰大資料
- SPM12之fMRI批次預處理——NII檔案處理
- Flink處理函式實戰之五:CoProcessFunction(雙流處理)函式Function
- Spring之後置處理器Spring
- 批處理命令之tree命令
- python異常處理之returnPython
- Spring原始碼解讀之BeanFactoryPostProcessor的處理Spring原始碼Bean
- 異常處理機制(二)之異常處理與捕獲
- 多對一處理 和一對多處理的處理
- Material Design 風格的 Excell-like 網頁端電子表格處理系統Material DesignExcel網頁
- TiDB故障處理之讓人迷惑的Region is UnavailableTiDBAI
- Windows 批處理之DATE命令的使用方法Windows
- 安霸pipeline簡述之YUV域的處理
- python 包之 Pillow 影像處理教程Python
- Golang通脈之錯誤處理Golang
- 事件分發之View事件處理事件View
- JAVA學習之異常處理Java
- Reactor詳解之:異常處理React
- 執行緒安全處理之Threadlocal執行緒thread