Eine Demonstration des Problems ist hier.
Das mehrspaltige CSS3-Layout wird in Firefox korrekt angezeigt. Opera und IE8 zeigen es als eine Spalte an (was gut ist). Chrome versucht jedoch, es als mehrere Spalten anzuzeigen, und schneidet einen Teil des Texts ab .
Gibt es eine Möglichkeit, Chrome zu verwenden?
Scheint, den gesamten Text anzuzeigen, wenn Sie eine Zeilenhöhe von 1,5 für die p-Regel in dugan.css festlegen. Es scheint immer noch einen Fehler zu geben, genau wie Chrome die Spalten ausbalanciert. Möglicherweise müssen Sie einen leeren Absatz einfügen oder eine Auffüllung für den letzten Absatz oder etwas hinzufügen.
Wenn Sie die Zeilenhöhe (oder die Schriftgröße, wie an anderer Stelle empfohlen) anpassen, wird der Überschneidungsfehler von Chrome möglicherweise nur versehentlich entfernt. Wenn Sie es programmgesteuert vermeiden möchten, ist die einzige funktionierende Lösung jetzt:
%Vor% Sie können dies auf alle untergeordneten Elemente des mehrspaltigen Containers erweitern, aber wahrscheinlich müssen Sie an einem bestimmten Punkt width: 100%; hinzufügen. Für weitere Informationen lesen Sie die Diskussion unter
Ссылка
und
Ссылка .
Wenn die Inline-Block-Problemumgehung nicht hilft, kann die Ursache für das Abschneiden von Textbits außerdem in einer rekursiven Anwendung des mehrspaltigen Entwurfs bestehen. Ich beobachtete dies in einem komplexeren Szenario als oben, wo ein entfernter Elternteil eines mehrspaltigen Textcontainers sein eigenes Spaltenlayout hatte. Durch das Entfernen der Spaltenanzahl aus dem Container der obersten Ebene wurden die Probleme mit dem Spaltenumbruch behoben.
In bestimmten Situationen habe ich Lücken und Ränder im columnisierten Inhalt festgestellt, die dieses Problem verursachen. Probieren Sie:
%Vor%Tags und Links css google-chrome css3