2013-07-28 60 views
7

好吧,長篇短篇小說。我有一個這樣的表結構:有一個td(全寬)和2列的tbody(寬度不依賴於pad)的thead

<table> 
<thead> 
<tr><th>longer Heading with a width of 100%</th></tr> 
</thead> 
<tbody> 
<tr><td>cell 1</td><td>cell 2</tr> 
<tr><td>cell 3</td><td>cell 4</tr> 
</tbody> 
</table> 

而且我想th是全寬,而不是改變表格單元格的寬度。 我想有一些CSS顯示屬性,這將使這成爲可能,但我還沒有找到一個工作解決方案。謝謝你的幫助!

+0

完成後,發現這是表開始後直接放置在標題標籤 – user2625636

回答

9
<table> 
    <thead> 
    <tr><th colspan="2">longer Heading with a width of 100%</th></tr> 
    </thead> 
    <tbody> 
    <tr><td>cell 1</td><td>cell 2 </td></tr> 
     <tr><td>cell 3</td><td>cell 4 </td></tr> 
</tbody> 

使用colspan會做的伎倆爲您

0

它比這更容易:你只需要你的th元素上的colspan。
colspan屬性定義,有多少細胞中的元件延伸:

<table> 
    <thead> 
     <tr><th colspan="2">longer Heading with a width of 100%</th></tr> 
    </thead> 
    <tbody> 
     <tr><td>cell 1</td><td>cell 2</tr> 
     <tr><td>cell 3</td><td>cell 4</tr> 
    </tbody> 
</table> 

See my Fiddle