"弱标题"在HTML / CSS表上

时间:2015-03-18 15:47:32

标签: html css css3

当浏览器窗口变小时,我希望我的HTML表格尽可能缩小,而不会失去"失去"来自TD细胞的内容。标题单元格(TH元素)可以根据需要缩小,即使它们的内容不再完全可见。

期望的行为是这样的:

缩小窗口,标题部分模糊,内容完全可见:
weak headings narrow

窗口,一切都可见:
weak headings wide

我尝试在TH单元格上使用overflow: hidden;,但它没有效果。这是the Fiddle

1 个答案:

答案 0 :(得分:3)

max-width: 0元素设置th

http://jsfiddle.net/L11sez3j/3/