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?
Nicht registrierter Benutzer
Punkte
0
Einfach http://jsfiddle.net/8pd4qx5r/
html {
display: table;
height: 100%;
width: 100%;
}
body {
display: table-cell;
vertical-align: middle;
}
.content {
margin: 0 auto;
width: 260px;
text-align: center;
background: pink;
}
Glen
Punkte
39
Nurul Akter Towhid
Punkte
2678
Wenn sich Ihr zentraler Inhalt tief in anderen Divs befindet, kann nur der Rand Sie retten. Nichts anderes. Ich bin immer damit konfrontiert, wenn ich nicht ein Framework wie Bootstrap .
Edye Chan
Punkte
374
In meinem Fall ist die Bildschirmgröße des Telefons unbekannt, und ich habe Folgendes getan.
HTML
<div class="loadingImg"></div>CSS
.loadingImg{
position: fixed;
top: 0px;
left: 0px;
z-index: 9999999;
border: 0;
background: url('../images/loading.gif') no-repeat center;
background-size: 50px 50px;
display: block;
margin: 0 auto;
-webkit-border-radius: 50px;
border-radius: 50px;
}JavaScript (bevor Sie dieses DIV anzeigen müssen)
$(".loadingImg").css("height",$(document).height());
$(".loadingImg").css("width",$(document).width());
$(".loadingImg").show();
Aashutosh Shrivastava
Punkte
379
