【css】表格单元格td元素设置最大高度

本文介绍了一种在不直接修改表格单元格<td>高度的情况下,通过使用内部div元素结合max-height和overflow-y属性来间接限制单元格高度的方法。当单元格内容过多时,该方法能使单元格出现滚动条,保持页面整洁。

说明:

表格单元格<td>的高度为“内容所需的最小高度”。因此,您需要使用内部标记(通常是div元素)和元素上的set height和overflow属性间接限制高度div。

举例:

<td><div style="max-height: 100px; overflow-y: auto;">{{ item['event_text'] }}</div></td>

使用max-height 和 overflow-y两个属性。

效果:

使用后的单元格内容太多则会有滑块。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值