Wie wählt man die Hälfte der verbleibenden Breite mit CSS?
Ich möchte drei Spalten haben, eine mittlere Spalte von 1000 px, die auf die Seite zentriert ist, und dann eine Spalte links und rechts, die die verbleibende Breite einnimmt.
Ich möchte grundsätzlich etwas, das so aussieht:
Wo der Wrapper 1000px ist und die zwei Seitenräume die Hälfte des verbleibenden Speicherplatzes sind.
3 Antworten
Sie können ein Element einfach mit margin: 0px auto zentrieren. Dadurch wird links und rechts neben dem Element ein Leerzeichen angezeigt. Wenn sich das Element in einem anderen befindet, das die gesamte Breite einnimmt, kann ein Hintergrund platziert und zentriert werden.
Ein Beispiel könnte sein:
%Vor%Dann würde das CSS wie folgt aussehen:
%Vor%Es wäre nicht möglich, Inhalt auf beiden Seiten des #content-div. zu platzieren.
Versuchen Sie für einen reinen CSS-Ansatz etwas wie Ссылка (stellen Sie sicher, dass Sie Ihr Browserfenster erweitern, damit die "Ergebnisse" Box ist ~ 1200px breit oder so)
es ist nicht vollständig (je nach Ihren Anforderungen müssen Sie möglicherweise mit der Position des Elements .center herumspielen), aber es sollte Sie auf den richtigen Weg bringen.
und
%Vor%Nehmen wir an, Ihre "Seitenbreite" ist 1024 Pixel breit. Ich würde so etwas tun -
html:
%Vor%css:
%Vor%