尽管有内容,css设置最大表行高

时间:2009-07-20 20:15:32

标签: html css css-tables

我正在尝试创建一个表格,每个单元格具有固定宽度但绝对但不同的高度。例如,在第一列中,第一行是20px,第二行是65px,第三行是20px。在第二列中,第一行是20px,第二行是45px,第三行是40px。在最后一列中,第一行是20px,第二行是85px。

what I want

如果表格单元格为空或者内容足够大,则所有这些都可以正常工作。但是,如果内容大于单元格所容纳的内容,则行将垂直扩展,而我希望隐藏额外内容。

what i'm getting

我尝试过使用

overflow:hidden

代表<tr&gt;,<td&gt;,同时将内容置于<div&gt;内。但似乎没有人能达到我想要的目标。关于如何将行高限制为绝对值并隐藏任何额外内容而不是扩展行的任何想法?我宁愿把它放在一张桌子里,但如果不可能,我需要使用另一种显示技术,我会接受这个想法。

1 个答案:

答案 0 :(得分:3)

使用div解决方案时,您是否尝试设置div本身的高度,同时为其提供overflow: hidden样式?