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,感謝大胖指點^^
相關文章
- 如何批量處理word中的表格
- word列表格式錯亂的處理
- css的表格處理相關屬性CSS
- 使用openpyxl處理表格資料
- ChatExcel--自動處理表格Excel
- Python中用OpenPyXL處理Excel表格PythonExcel
- Python 中 Panda 庫 處理表格方法Python
- Python excel表格讀寫,格式化處理PythonExcel
- Python表格處理模組xlrd在Anaconda中的安裝Python
- BIEE 之 處理流程
- 如何在 Python 中自動化處理 Excel 表格?PythonExcel
- [python] 基於Tablib庫處理表格資料Python
- 處理Excel表格標題靈活技術二則Excel
- 表格資料處理的2種寫法,偽元素和操作dom
- Silverlight表格繫結中的一點細節處理
- 視訊處理之OSD
- 影像處理之骨架提取
- 【scikit-learn基礎】--『預處理』之 缺失值處理
- 大資料爭論:批處理與流處理的C位之戰大資料
- EXCEL表格匯入訂單資料 go怎麼接收處理?ExcelGo
- css之表格CSS
- Jsp/Servlet接收FORM表格引數時輸出亂碼的處理 (轉)JSServletORM
- Flink處理函式實戰之四:視窗處理函式
- NodeJS之異常處理NodeJS
- 批處理命令之tree命令
- Netty之非阻塞處理Netty
- MySQL 之動態字串處理MySql字串
- javascript之處理Ajax錯誤JavaScript
- python處理Excel 之 xlrdPythonExcel
- Markdown編輯表格時如何輸入豎線('|', pipe,vertical bar)
- 以太坊之Fetcher(收到BlockHash的處理)BloC
- 多行資料的批處理之bulk collect
- 處理方塊之間的連線線
- Linux學習之檔案處理命令(二)目錄處理命令 && 檔案處理命令Linux
- Excel表格匯入Coreldraw地辦法和處理靈活技術Excel
- Google文書處理電子表格 潛入Web辦公市場GoWeb
- Flink處理函式實戰之五:CoProcessFunction(雙流處理)函式Function
- 異常處理機制(二)之異常處理與捕獲