当前位置:Gxlcms >
html代码 >
已知overflow生效隐藏溢出内容,如何将隐藏了一半没全隐藏的内容隐藏掉····_html/css_WEB-ITnose
已知overflow生效隐藏溢出内容,如何将隐藏了一半没全隐藏的内容隐藏掉····_html/css_WEB-ITnose
时间:2021-07-01 10:21:17
帮助过:71人阅读
在一个div里有很一个很长的ul 超出div 的长度,overflow所以多余的li 被隐藏, 但是正好有li 只被隐藏了一部分,还有一部分可以看到。请问如何将这没有完全隐藏的li 完全隐藏···
因为li是通过数据库加载的,而且内容长度都不固定,还会有新内容增加,所以并不能完全确定被隐藏一半的 li 是哪一个 li
举个栗子:
- 1111111111111111111111111111111111111111111
222222222222222222222222222

- 1111111111111111111111111111111111111111111
222222222222222222222222222

- 1111111111111111111111111111111111111111111
222222222222222222222222222

- 1111111111111111111111111111111111111111111
222222222222222222222222222

- 1111111111111111111111111111111111111111111
222222222222222222222222222

- 1111111111111111111111111111111111111111111
222222222222222222222222222

这个ul里的li 内容肯定不会都被显示出来- - 溢出的被隐藏啦, 但是在大多数时候,正好有个被隐藏的li 还留了一部分没有被隐藏····· 请问怎么隐藏掉它
回复讨论(解决方案)
没明白你的问题
规定滚动一次的距离为一个li的高度,光用css的话做不到。
用js 如果一个li的下边缘超出容器高度 就隐藏
li浮动试试?