简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

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

WBOY
Release： 2016-06-24 11:17:44
Original
1779 people have browsed it

在一个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浮动试试？

Related labels：
已知overflow生效隐藏溢出内容，如何将隐藏了一半没全隐藏的内容隐藏掉····
source：php.cn
Previous article：网页电脑上正常,在手机上出现乱码_html/css_WEB-ITnose Next article：【前端性能】高性能滚动 scroll 及页面渲染优化_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
2
1426
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
9
1583
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1359
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1282
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1335
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！