RTMP视频直播点播平台EasyDSS列表超出页面部分不显示滚动条如何修复?

TSINGSEE青犀视频云边端架构产品中视频直播或者点播的通道都是以列表展现的,能够通过列表了解视频流的大小、时长等基本信息,同时也可以通过列表上的按钮对视频流进行分享、编辑等设置。

云边端2.png

在对EasyDSS进行日常的运行测试时,发现列表页面出现设置了一行超出部分展示滚动条,但是实际上超出的部分被隐藏,却没有显示滚动条,导致后面的内容无法看到,也无法被编辑。

53.png

于是我们删除了表格,调出代码后,发现只要删除表格,则布局就会回复正常。

54.png

标签的属性和正常的标签区别就是父级标签为flex布局,flex和正常的标签区别就是会把子级标签都转为行内然后铺满整个标签,这就导致子级的width 默认的100%属性失效,就限制不了表格的宽度。

55.png

找到父级标签属性,改为 display:block。

56.png

.my-content-wrapper-vod {
  display: block;
  padding: 0;
}

修改后超出部分如下图显示了滚动条:

57.png

TSINGSEE青犀视频云边端架构产品除了本文所讲的EasyDSS,还有包括EasyNVR、EasyGBS、EasyCVR等安防视频平台,欢迎大家了解试用,平台均提供二次开发接口供大家调用,欢迎了解。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值