Ich habe diese Lösung für gleichmäßig beabstandete DIVs gesehen: ( Fluidbreite mit gleich beabstandeten DIVs ), aber es erfordert, dass die DIVs alle die gleiche Breite haben. Dies wird in meinem Fall nicht funktionieren. Ich habe 5 DIVs, die alle unterschiedliche Breiten haben und sie gleichmäßig verteilen möchten. Ist das ohne Javascript möglich?
Zum Beispiel:
%Vor%Ich brauche es in IE8 +, Firefox 4+, Chrome, Safari.
BEARBEITEN: Eine weitere Voraussetzung: Die divs sollten keinen Platz rechts vom letzten DIV oder links vom ersten DIV haben. Also ist der Leerraum zwischen ihnen gleich der Differenz zwischen der Summe ihrer Breiten und der Breite des Container-Div.
Ich bevorzuge Anzeige: flex; wie in der Antwort zuvor gesagt. Aber es gibt eine andere Lösung, wenn ich die Anforderungen richtig verstanden habe. Da ich hier kein IE8 TestVM habe, lasse ich das Testen zu dir. Sie können display: Tabelle verwenden;
Folgende Lösung:
%Vor%Mit diesem HTML
%Vor%Testgeige: Ссылка
Tags und Links html css fluid-layout positioning