Možné duplicitné:
stránka nebude zarovnaná na stred
Snažím sa vycentrovať svoju webovú stránku pomocou asp.net. Keď používam <center> označiť iba centruje zástupný symbol obsahu. Ale keď použijem atribút CSS margin: 0 auto, nerobí nič. Existuje spôsob, ako vycentrovať celú stránku?
odpovede:
2 pre odpoveď č. 1Vo vašom CSS:
body {
text-align: center;
}
#container {
width: 900px; /* or some other fixed-width value */
margin: 0 auto;
text-align: left; /* reset text-align */
}
Edit: hádam, pravdepodobne by som mal ukázať aj súvisiace označenie ...
...
<body>
<div id="container">
<!-- centered content here -->
</div>
</body>
...
1 pre odpoveď č. 2
Celý obsah musíte mať v balíku div a spolu s ním musí mať nastavenú šírku margin: 0 auto;
Príklad:
#wrapper {
width: 960px;
margin: 0 auto;
}
0 pre odpoveď č. 3
Môžete použiť CSS:
- http://davidwalsh.name/horizontally-center-website-structure-css
- http://pmob.co.uk/pob/hoz-vert-center.htm
- http://www.dynamicsitesolutions.com/css/center-page-content-horizontally-and-vertically/