CSDN快速建立表格

從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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章