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

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

WBOY
Freigeben： 2016-06-24 11:17:44
Original
1780 Leute haben es durchsucht

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

Verwandte Etiketten：
已知overflow生效隐藏溢出内容，如何将隐藏了一半没全隐藏的内容隐藏掉····
Quelle：php.cn
Vorheriger Artikel：网页电脑上正常,在手机上出现乱码_html/css_WEB-ITnose Nächster Artikel：【前端性能】高性能滚动 scroll 及页面渲染优化_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
2
1427
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
9
1583
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
1359
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
1284
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1335
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！