2013-03-22 155 views
0

我想創建一個帶有th標題和每行4個單元格的html表。如何創建一個html表,其中標題(th)摺疊所有列(td)?

你是怎麼做的? 標題的寬度爲100%,單元格的寬度爲40%,10%,40%,10%。

<table width="100%"> 
    <tr><th width="100%">Header</th></tr> 
    <tr> 
    <td width="40%">text</td> 
    <td width="10%">value</td> 
    <td width="40%">text</td> 
    <td width="10%">value</td> 
    </tr> 
    <tr> 
    <td width="40%">text</td> 
    <td width="10%">value</td> 
    <td width="40%">text</td> 
    <td width="10%">value</td> 
    </tr> 
    <tr> 
    <td width="40%">text</td> 
    <td width="10%">value</td> 
    <td width="40%">text</td> 
    <td width="10%">value</td> 
    </tr> 
</table> 

enter image description here

謝謝您的回答。

回答

1

使用colspan屬性:

<tr><th colspan="4">Header</th></tr> 

colspan屬性包含一個非負整數,表示有多少列的單元延伸。其默認值是1;如果它的值設置爲0,它的確會擴展到最終隱含定義的單元所屬的末端。數值高於1000被剪輯到1000

參見:https://developer.mozilla.org/en-US/docs/HTML/Element/th

開發商docs on mozilla.org是各地最好的。下次開始。

+0

它不起作用。在w3schools中他們說:「不支持HTML5,不贊成使用HTML 4.01。」按寬度。 – user1531040 2013-03-22 13:15:23

+0

** w3schools嚴重吸吮**。它有自己的網站解釋它所吸引的所有原因:http://w3fools.com/ – iambriansreed 2013-03-22 13:18:31

+0

儘管[w3schools吸吮](http://w3fools.com/),他們說沒有接近colspan沒有支持HTML5。你是從哪裏拿到這個報價的? – iambriansreed 2013-03-22 13:23:40

-1

您可以使用標記標題爲表格創建標題。或使用財產colspan =「colls數量」