欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

已知overflow生效隐藏溢出内容,如何将隐藏了一半没全隐藏的内容隐藏掉····_html/css_WEB-ITnose

程序员文章站 2022-05-11 10:22:04
...
在一个div里有很一个很长的ul 超出div 的长度,overflow所以多余的li 被隐藏, 但是正好有li 只被隐藏了一部分,还有一部分可以看到。请问如何将这没有完全隐藏的li 完全隐藏···
因为li是通过数据库加载的,而且内容长度都不固定,还会有新内容增加,所以并不能完全确定被隐藏一半的 li 是哪一个 li

举个栗子:


  • 1111111111111111111111111111111111111111111
    222222222222222222222222222
    已知overflow生效隐藏溢出内容,如何将隐藏了一半没全隐藏的内容隐藏掉····_html/css_WEB-ITnose

  • 1111111111111111111111111111111111111111111
    222222222222222222222222222
    已知overflow生效隐藏溢出内容,如何将隐藏了一半没全隐藏的内容隐藏掉····_html/css_WEB-ITnose

  • 1111111111111111111111111111111111111111111
    222222222222222222222222222
    已知overflow生效隐藏溢出内容,如何将隐藏了一半没全隐藏的内容隐藏掉····_html/css_WEB-ITnose

  • 1111111111111111111111111111111111111111111
    222222222222222222222222222
    已知overflow生效隐藏溢出内容,如何将隐藏了一半没全隐藏的内容隐藏掉····_html/css_WEB-ITnose

  • 1111111111111111111111111111111111111111111
    222222222222222222222222222
    已知overflow生效隐藏溢出内容,如何将隐藏了一半没全隐藏的内容隐藏掉····_html/css_WEB-ITnose

  • 1111111111111111111111111111111111111111111
    222222222222222222222222222
    已知overflow生效隐藏溢出内容,如何将隐藏了一半没全隐藏的内容隐藏掉····_html/css_WEB-ITnose




这个ul里的li 内容肯定不会都被显示出来- - 溢出的被隐藏啦, 但是在大多数时候,正好有个被隐藏的li 还留了一部分没有被隐藏····· 请问怎么隐藏掉它


回复讨论(解决方案)

没明白你的问题

规定滚动一次的距离为一个li的高度,光用css的话做不到。

用js 如果一个li的下边缘超出容器高度 就隐藏

li浮动试试?