Ich möchte, dass div horizontal zentriert ist, css code ist dies:
%Vor%und HTML-Code:
%Vor%Ich denke, es gibt keinen Grund, meinen CSS-Code zu erklären, er ist fast selbsterklärend, aber das div ist nicht horizontal zentriert, gibt es irgendeinen Weg, dies zu machen? Vielen Dank im Voraus.
Setzen Sie ein anderes div mit der relativen Position, margin: auto, hinein. Geben Sie die feste 100% Breite.
Ansonsten können Sie es mit negativem Rand "Trick"
hacken %Vor%Wenn Sie mit modernen Browsern arbeiten, können Sie das flexbox-Layoutmodul verwenden: Ссылка .
Flexbox-Dokumentation: developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes
Hinweis: Ich kann aufgrund meiner Repräsentation nicht mehr als zwei Links posten.
JSFiddle .
(Verwendung eines footer -Tags anstelle eines div#footer , wie es einfacher ist.)
justify-content: center; 'zentriert' #footer-container untergeordnete Elemente, was in diesem Fall nur das footer Element ist.
Dies ist der Lösung von Nick N. sehr ähnlich, außer dass Sie die text-align -Eigenschaft in der Fußzeile nicht zurücksetzen müssen, und dass dies wahrscheinlich die nicht-'trick 'Art ist, die Sie wollten.
Die akzeptierte Lösung ist etwas aus, weil die Breite der Fußzeile in diesem Fall variabel ist (80%) anstelle von 500 px.
Für andere Leser, wenn Ihr Elternteil ein form -Element ist und das Kind ein input -Element ist, verwenden Sie flex: 1; für das input (Kind) -Element und verwenden max-width: 500px; anstelle von width: 500px; . Wenn flex: 1; verwendet wird, sollte das input -Element so erweitert werden, dass es die form -Elementbreite ausfüllt, was sonst nicht möglich ist.