Ich habe eine Katalogseite, auf der Geschichten in einem Katalog aufgelistet sind, und ich möchte sie in drei Spalten anzeigen. Ich möchte, dass die Ausgabe über die drei Spalten ausgeglichen wird, so dass jede Spalte ungefähr die gleiche Höhe hat. Die Gegenstände haben nicht alle die gleiche Höhe.
Allerdings stelle ich fest, dass Chrome die Spalten nicht korrekt ausbalanciert. Daher sind die ersten beiden Spalten sehr lang und die letzten (dritten) Spalten sind sehr kurz, wobei normalerweise keine, nur ein oder zwei Elemente vorhanden sind. Ich habe das Attribut
hinzugefügt %Vor%um sicher zu sein, obwohl es die Standardeinstellung sein sollte, aber es macht keinen Unterschied. Jede Hilfe wird geschätzt.
CSS
%Vor%HTML
Siehe Ссылка
Wenn Sie auf diese Seite in IE oder Firefox gehen, gleicht es die Spalten aus, aber nicht in Chrome.
Das OP hat das Problem gefunden. Er benutzte Animate.js, um die Gegenstände aus vier verschiedenen Richtungen zu fliegen. Er fand heraus, dass wenn man Elemente von unten mit Animate.js einfliegt, es das Mehrspalten-Balancing vermasselt - aber nur in Chrome!
(Nur gepostet, damit andere wissen, dass das gelöst wurde)
Tags und Links css google-chrome multiple-columns