Ich möchte meinen Webseitenfuß zentrieren und einen vernünftigen Text zwischen ihm und dem obigen Inhalt erstellen. Zur Zeit enthält die Fußzeile eine Zeile und einen Absatz, die mit dem obigen Inhalt verbunden sind. Ich kann den Inhalt nach unten drücken, aber die Linie bewegt sich nicht. Ich bin mir sicher, dass die Eigenschaft, die ich in meinem CSS-Stylesheet verpasse. Könnte jemand helfen?
Dies ist meine HTML-Markierung:
%Vor%Welche CSS-Eigenschaft kann ich verwenden, um dieses Problem zu lösen? Eine Probe würde geschätzt werden. Danke.
Use margin: auto, um Blöcke mit CSS zu zentrieren, und margin-top oder padding-top, um darüber eine Lücke zu bilden:
%Vor%Ich habe 2em für den oberen Rand verwendet; Fühlen Sie sich frei, das zu ändern, wie Sie möchten, sogar zu einer festen Pixelgröße, wenn Sie bevorzugen. Sie können auch padding-top sowie oder anstelle von margin-top verwenden, abhängig davon, was genau Sie erreichen müssen, obwohl die Zentrierung nur mit dem linken / rechten Rand erfolgen kann, nicht mit dem Auffüllen.
Der obige Code kann mit dem Kurzrand-Code komprimiert werden, mit dem Sie alle in derselben Codezeile auflisten können:
%Vor%(Reihenfolge ist oben, rechts, unten, links)
hoffe das hilft.
Sie können den Text mit dem folgenden CSS zentrieren
%Vor%Wenn Sie mehr Platz brauchen, fügen Sie
hinzu %Vor% nach der vorherigen Randlinie. Beachten Sie, dass die Reihenfolge von Bedeutung ist. Wenn Sie also margin-top zuerst haben, wird sie von margin rule überschrieben.
Mit
können Sie auch mehr leeren vertikalen Abstand über der Fußzeile festlegen %Vor% Der Unterschied zwischen margin und padding kann über W3Cs CSS2 nachgelesen werden Kastenmodell . Der Hauptpunkt ist, dass margin Platz über dem div -Elementrand macht, wenn padding Platz macht innerhalb der div . Welche Eigenschaft verwendet werden soll, hängt von den Eigenschaften anderer Seitenelemente ab.