Mer
Question
Hur man anpassar en <div> till sidans mitt (horisontellt/bredd)
Jag har en div-tagg med width inställd på 800 pixlar. När webbläsarens bredd är större än 800 pixlar ska div inte sträcka ut den, utan den ska flyttas till sidans mitt.
804
3
Popular videos
för 9 år sedan
för 6 år sedan
för 3 år sedan
för 9 år sedan
för 9 år sedan
för 3 år sedan
för 2 år sedan
för 2 år sedan
för 1 år sedan
för 1 år sedan
för 3 år sedan
för 4 år sedan
![How to center a DIV or any elements [Trick- 1] || HTML , CSS](https://img.youtube.com/vi/crp49ZNzOIQ/mqdefault.jpg)
för 2 år sedan
för 4 år sedan
för 3 år sedan
för 3 år sedan
för 6 år sedan
Den här frågan har 1 svar på engelska, för att läsa dem logga in på ditt konto.
Solution / Answer
<body>
<div style="width:800px; margin:0 auto;">
centered content
</div>
</body>
-
Menar du att du vill centrera den vertikalt eller horisontellt? Du sa att du specificerade
heighttill 800 pixlar och ville att div:en inte skulle sträcka sig närwidthvar större än så... -
För att centrera horisontellt kan du använda attributet
margin: auto;i CSS. Dessutom måste du se till att elementenbodyochhtmlinte har någon marginal eller padding:
html, body { margin: 0; padding: 0; }
#centeredDiv { margin-right: auto; margin-left: auto; width: 800px; }
För att få den att fungera korrekt även i Internet Explorer 6 måste du göra så här:
HTML
<body>
<div class="centered">
centered content
</div>
</body>CSS
body {
margin: 0;
padding: 0;
text-align: center; /* !!! */
}
.centered {
margin: 0 auto;
text-align: left;
width: 800px;
}
