CSS-Bildergalerie mit Float-BUG

Dies ist neu, ich habe problem mit einem Archiv-Seite, die ich gemacht habe. Es scheint wie ein ziemlich gerades vorwärts schwebte div Bildergalerie... doch aus irgendeinem Grund gibt es eine Reihe von Zeilenumbrüchen zufällig den ganzen divs. Ich dachte, es kann ein problem mit Cufon oder IE.JS etc, aber ich alle deaktiviert JS und es immer noch bugs aus.

Scheint ein bisschen zu lang zum posten den code hier, und ich habe geworfen, ein paar unnötige divs und klare Korrekturen, aber nichts scheint zu funktionieren. Ich werde nach und organisieren eine angemessene Bericht nach habe ich es herausgefunden.

InformationsquelleAutor stapler | 2009-06-28
  1. 3

    Da einige Titel sind länger als andere, einige line-break und damit das div größer. Die Schwimmer werden dann "hängen" diese divs größer. Es ist nicht ein Fehler per se, es ist wie schweben funktioniert.

     --- --- ---
 |1| |2| |3|
 --- | | ---
     --- ---
         |4|
         ---
 ---
 |5|
 ---

    Der beste Weg, um dieses problem zu vermeiden ist, geben Sie jedem div eine Höhe festlegen.

    Alternativ können Sie dem ersten div-Element jeder Zeile "clear: left" durch das hinzufügen einer entsprechenden Klasse zu jedem ersten/her/die siebte der/etc div.

    EDIT: Zu erläutern, wie dies mit float:
    Jedes div-Element versucht, passen auf die gleiche Zeile wie der Vorherige div -, floating-so weit Links, wie es kann. Wenn kein Platz mehr da ist auf der Linie, es werde zunächst nach unten gedrückt werden, dann nach Links. In dem Beispiel oben, 4 nach unten gedrückt werden durch 3, dann werde es float Links so weit wie Sie können, schlagen 2. 5 wird nach unten gedrückt durch 4, dann schwimmt nach Links so weit wie Sie können.

    InformationsquelleAutor deceze
Schreibe einen Kommentar