Ich habe einen Div-Block, der nicht eine feste Breite hat.
Im Inneren habe ich einen <ul> <li>..</li>
-Block mit 11 Elementen.
Ich möchte, dass diese <li>
-Elemente im div aufgelistet werden, alle mit den gleichen Breiten wie folgt:
Jedoch kann ich es überhaupt nicht aussortieren.
Ich habe versucht, float nach links und rechts, aber die zentralen 3 Elemente werden nicht zentriert.
Was kann ich tun, damit das funktioniert?
Danke!
Der Link Jordanien, der oben veröffentlicht wurde, ist eine großartige Ressource, insbesondere wenn es um ältere Browserunterstützung geht. Zur schnellen Referenz für andere, die auf dieser Seite von Google landen, ist die grundlegende CSS zum Erstellen eines zentrierten Inline-Block-Grids:
%Vor%Die einfachste Lösung ist die Verwendung von CSS-Spalten:
Ссылка (Präfixe nicht enthalten)
%Vor%Dies gleicht die Spalten so gut wie möglich aus. Wenn jedoch nicht genügend Elemente vorhanden sind, um vollkommen gleich zu sein, werden sie von rechts anstatt von der Mitte entfernt.
Laut dieser StackOverflow-Frage Inline-Blöcke kann genau das sein, was Sie brauchen.
Oh, und wenn Sie es nicht bereits implementieren, achten Sie darauf, in CSS Grids auch. Wenn Sie nicht selbst ein CSS-Gitter erstellen möchten, ist dieses fantastisch.