当前位置: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浮动试试?

人气教程排行