Um lange Listen zu vermeiden, habe ich die Einstellung float: links, so dass sie sich abwechseln. Dies verursacht jedoch gelegentlich eine unbeabsichtigte Lücke zwischen Elementen, wenn der Inhalt in einem li zwei Zeilen einnimmt. Mein HTML ist:
%Vor%Mein CSS ist:
%Vor%Und die Ausgabe sieht wie Ссылка
ausAber es gibt auch einige Fälle, in denen ein li zwei Zeilen einnimmt und die Ausgabe genau so gut ist wie Ссылка
Wie kann ich die Liste mit diesen Lücken stoppen?
Mit css3 können Sie Ihren Listen Spalten hinzufügen
%Vor%Vergessen Sie nicht, den Float aus dem li
zu entfernenBeispiel: Ссылка
IE Probleme CSS-Spalten scheinen nicht für IE zu funktionieren, wenn Sie das Float verlassen: Links dort wird es aussehen wie im IE, aber in den anderen Browsern wird es besser aussehen!
Weitere Informationen zu css-Spalten finden Sie in diesem Artikel unter w3schools
Ich würde Ihnen empfehlen, Ссылка
zu verwendenIch benutze dieses Skript seit langem und es ist wirklich effizient im Vergleich zu anderen verfügbaren Möglichkeiten. Wenn Ihre Site mit AJAX fertig ist, müssen Sie diese Zeile ändern: ut.XBrowserAddEventHandler (Fenster, 'Laden', Funktion () {documentReady = true; processElements ();});
EDIT: Diese Lösung funktioniert seit IE6 in jedem Browser ...
Tags und Links html css html-lists gaps-in-visuals