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

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

what I want

如果表单元格为空或足够容纳内容,那么所有这些方法都可以正常工作.但是,如果内容大于单元格容纳的内容,则该行将垂直扩展,而我希望隐藏多余的内容.

what i'm getting

我试过使用

overflow:hidden

对于< tr>,< td&gt ;,并在将内容放在< div>但似乎没有一个能达到我的期望.关于如何将行高度限制为绝对值,隐藏任何额外内容而不是扩展行的任何想法?我希望将其保存在表格中,但是如果不可能,并且需要使用另一种显示技术,则可以接受.

最佳答案
使用div解决方案时,您是否尝试过为div本身设置高度,同时给它带来溢出:隐藏样式?

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些