如何將表格標題放在表格單元格上方，如果它們在同一個表格行中？

<table> 
    <tr> 
    <th>Header</th> 
    <td>Content</td> 
    </tr> 
    <tr> 
    <th>Header</th> 
    <td>Content</td> 
    </tr> 
</table>

我怎樣才能讓真正浮動的內容單元上方的頭部沒有把一切都在一個單獨的行？例如：

 
Header 
Content 

Header 
Content

爲什麼不使用
？ – alejandrobog 2010-06-03 20:22:17

你爲什麼要製作一張桌子不是桌子？ – Shaded 2010-06-03 20:23:40

試試這個在你的CSS：

td,th{display:block;}

2010-06-03 20:21:54 edl

這隻適用於你只有一列的人... – 2010-06-03 21:26:07

你不給大量的信息，但你可能會使用一個定義列表，而不是錯位會更好表，根據語義：

<dl> 
    <dt>Header</dt> 
    <dd>Content</dd> 

    <dt>Header</dt> 
    <dd>Content</dd> 
</dl>

這將讓你的輸出看起來是這樣的：

Header 
    Content 

Header 
    Content

它是那麼瑣碎，通過css樣式，因爲頭是DT的，其內容是DD的：

dt { font-weight: bold; font-size: 200%; } 
dd { color: #999; }

參見：

2010-06-03 20:52:13

回答