Abstand zwischen lis

8

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 Ссылка

aus

Aber 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?

    
Eva 21.01.2013, 12:55
quelle

2 Antworten

4

Mit css3 können Sie Ihren Listen Spalten hinzufügen

%Vor%

Vergessen Sie nicht, den Float aus dem li

zu entfernen

Beispiel: Ссылка

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

    
Gijs 21.01.2013 13:10
quelle
1

Ich würde Ihnen empfehlen, Ссылка

zu verwenden

Ich 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 ...

    
Louis XIV 21.01.2013 13:05
quelle