Ich habe eine div Tag mit width eingestellt auf 800 Pixel . Wenn die Browserbreite größer ist als 800 Pixel sollte es nicht zu einer Überdehnung der div aber es sollte in die Mitte der Seite gebracht werden.
Diese Frage hat bereits Antworten:
- Wie man ein Element horizontal zentriert (128 Antworten )
Antworten
Zu viele Anzeigen?
Kevin Dungs
Punkte
1525
Wilt
Punkte
36662
Vertikal und horizontal zentriertes Div innerhalb des Parent ohne Fixierung der Inhaltsgröße
Hier auf dieser Seite ist eine schöne Übersicht mit mehreren Lösungen, zu viel Code, um ihn hier zu teilen, aber es zeigt, was möglich ist...
Ich persönlich mag diese Lösung mit dem berühmten transform translate -50% Trick am meisten. Er funktioniert sowohl für feste (% oder px) als auch für undefinierte Höhen und Breiten Ihres Elements.
Der Code ist so einfach wie:
HTML:
<div class="center"><div>CSS:
.center {
position: absolute;
left: 50%;
top: 50%;
-moz-transform: translate(-50%, -50%); /* Firefox */
-ms-transform: translate(-50%, -50%); /* IE 9 */
-webkit-transform: translate(-50%, -50%); /* Safari and Chrome*/
-o-transform: translate(-50%, -50%); /* Opera */
transform: translate(-50%, -50%);
/* optional size in px or %: */
width: 100px;
height: 100px;
}Hier eine Fiedel das zeigt, dass es funktioniert
RajeshKdev
Punkte
6147
Bharat Chhatre
Punkte
305
Roy
Punkte
451
