TSINGSEE青犀视频云边端架构产品中视频直播或者点播的通道都是以列表展现的,能够通过列表了解视频流的大小、时长等基本信息,同时也可以通过列表上的按钮对视频流进行分享、编辑等设置。
在对EasyDSS进行日常的运行测试时,发现列表页面出现设置了一行超出部分展示滚动条,但是实际上超出的部分被隐藏,却没有显示滚动条,导致后面的内容无法看到,也无法被编辑。
于是我们删除了表格,调出代码后,发现只要删除表格,则布局就会回复正常。
标签的属性和正常的标签区别就是父级标签为flex布局,flex和正常的标签区别就是会把子级标签都转为行内然后铺满整个标签,这就导致子级的width 默认的100%属性失效,就限制不了表格的宽度。
找到父级标签属性,改为 display:block。
.my-content-wrapper-vod {
display: block;
padding: 0;
}
修改后超出部分如下图显示了滚动条:
TSINGSEE青犀视频云边端架构产品除了本文所讲的EasyDSS,还有包括EasyNVR、EasyGBS、EasyCVR等安防视频平台,欢迎大家了解试用,平台均提供二次开发接口供大家调用,欢迎了解。