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

标签 html css css-tables

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

what I want

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

what i'm getting

我试过

overflow:hidden

对于 <tr >, <td >,并在将内容放在 <div 中时做同样的事情> 但似乎没有一个能够实现我正在寻找的东西。关于如何将行高限制为绝对值并隐藏任何额外内容而不是扩展行的任何想法?我更愿意将它放在一个表格中,但如果这不可能并且我需要使用另一种显示技术,我愿意接受这个想法。

最佳答案

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

关于html - css 设置最大表格行高,尽管有内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1155717/

相关文章:

java - 使用 Java 和 Vaadin 的 HTML 元素选择器

javascript - HTML5 contenteditable 粘贴特殊样式

css - Webkit 中的显示问题

ipad - iPad 和 Safari 桌面上的 cache.manifest 不起作用

jquery - 使我的网站的某些部分更具移动性和不同的屏幕分辨率大小友好

html - 向 <hr> 数据内容文本添加渐变边框底部

html - App Discovery 小部件强制隐藏

css - @media 有问题(最小宽度 : XXXpx) working for one id but not the other

html - 表格的 CSS 中的边框 ="1"是什么?

html - 无法将 div 的 CSS 高度调整为页面的 50%。我想要在任何地方不使用任何 em 或像素的液体布局