微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

what I want

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

what i'm getting

我试过使用

overflow:hidden

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

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

原文地址:https://www.jb51.cc/html/530575.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐