我正在尝试创建一个表格,其中每个单元格具有固定宽度但绝对高度不同。例如,在第一列中,第一行是 20px,第二行是 65px,第三行是 20px。在第二列中,第一行是 20px,第二行是 45px,第三行是 40px。在最后一列中,第一行为 20px,第二行为 85px。
如果表格单元格为空或足够大以容纳内容,则所有这些都可以正常工作。但是,如果内容大于单元格容纳的内容,该行将垂直扩展,而我希望隐藏额外的内容。
我试过
overflow:hidden
对于 <tr
>, <td
>,并在将内容放在 <div
中时做同样的事情> 但似乎没有一个能够实现我正在寻找的东西。关于如何将行高限制为绝对值并隐藏任何额外内容而不是扩展行的任何想法?我更愿意将它放在一个表格中,但如果这不可能并且我需要使用另一种显示技术,我愿意接受这个想法。
最佳答案
在使用 div
解决方案时,您是否尝试过为 div
本身设置高度,同时为其赋予 overflow: hidden
样式?
关于html - css 设置最大表格行高,尽管有内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1155717/