從word或excel中複製表格
打開此鏈接,表格在線轉換工具:
(http://pressbin.com/tools/excel_to_html_table/index.html)
貼上覆制的文字,然後按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