回答
這可能是依賴於瀏覽器。一些瀏覽器可能會將thead元素視爲一個容器,而沒有它自己的高度。嘗試使用Javascript或CSS設置TH元素本身的高度。請注意,要獲得小於線條高度的東西,您還必須設置線條高度,因爲表格元素將調整大小以適合其內容。
$('thead th').css({ height: '2px', line-height: '2px' });
或
<style>
.header th {
height: 2px;
line-height: 2px;
}
<style>
<table>
<thead class="header">
<th>Foo</th>
...
</thead>
...
</table>
由於@Marco在他的例子指出,你可能也迫使被當作一個塊級元素的THEAD並設置它直接的身高。根據你想要完成的內容以及THEAD中包含的內容,這可能會也可能不會做你想做的事。有關您想要實現的更多信息可幫助我們爲您找到合適的解決方案。
Dosent似乎工作,請參閱http://jsfiddle.net/KWbxL/2/或http://jsfiddle.net/KWbxL/3/ - 它必須與如何處理表有關,因爲它總是試圖使內容可見...此線程達到了我的興趣:) –
@MarcoJohannesen - 我不認爲你可以調整小於它的內容的表元素。我假設對於2像素的行,你只需要有空格並設置行高。似乎在第一個主體行上使用填充會更合適,但我正在等待來自OP的更新來澄清。 http://jsfiddle.net/KWbxL/4/ – tvanfosson
我最初制定了基於你的例子,其中*增加了標題的高度。當然,如果你將它縮小,你必須考慮調整大小的行爲,並確保內容不會超過你想要的大小。還有一個很好的理由,不要不恰當地使用表格進行佈局! – tvanfosson
似乎工作正常。
其顯示爲一個表,其斜面具有LESS高度,比它的內容。 所以,如果你需要2px的高度,你需要顯示:block和overflow:hidden隱藏內容(它不適合2px)。
爲什麼不使用CSS,而不是使用JS做你的造型:)
- 1. 動態更改Slickgrid表格的高度
- 2. 從頂部更改div的高度
- 3. 如何在點擊鏈接時更改HTML表格的高度?
- 4. 點擊更改textarea高度
- 5. CSS更改表格單元格的高度,其中<a>
- 6. 更改表格的行高
- 7. Opengl地形高度/頂點
- 8. 四面體高度頂點
- 9. MVC的表格單元格高度不能更改
- 10. 無法更改表格單元格的高度
- 11. 更改高度元素的焦點
- 12. 如何動態更改Xamarin.ios中綁定後的表格高度
- 13. 無法更改div中表格的列/行高度
- 14. 如何更改格側欄的高度
- 15. 固定高度和更改標題寬度(HTML表格)
- 16. 如何更改PHPWord表格單元格高度?
- 17. 根據值更改表格單元格高度
- 18. 更改表格視圖單元格高度僅適用於iPad
- 19. 表格中的HTML表格100%高度
- 20. 更改Drupal中表格的寬度?
- 21. 動態更改tableView單元格高度
- 22. struts2 jquery子網格更改高度行
- 23. 使用Javascript更改ExtJS網格高度
- 24. 表格高度?
- 25. 表格iPhone更改顏色在頂部
- 26. 如何更改three.js中的某些頂點不透明度?
- 27. 更改頂點着色器中頂點的顏色
- 28. QToolBar更改高度
- 29. 更改uitableviewheader高度
- 30. 更改CytoPanel高度
你試圖達到什麼樣的效果?您可以通過在表格上設置邊框或在主體的第一行上填充內容(因爲很難想象您的內容位於2像素高的區塊中)而能夠獲得您想要的內容。 – tvanfosson