可能な重複:
ページは中央に配置されません
asp.netを使用してWebページを中央に配置しようとしています。 <center>
タグは、コンテンツプレースホルダーのみを中央に配置します。しかし、CSS属性を使用すると margin: 0 auto
、何もしません。ページ全体を中央に配置する方法はありますか?
回答:
回答№1は2あなたのCSSで:
body {
text-align: center;
}
#container {
width: 900px; /* or some other fixed-width value */
margin: 0 auto;
text-align: left; /* reset text-align */
}
編集:おそらく関連するマークアップも表示すべきだと思います...
...
<body>
<div id="container">
<!-- centered content here -->
</div>
</body>
...
回答№2の場合は1
ラッピングdivにすべてのコンテンツを含める必要があり、その要素に設定された幅と、 margin: 0 auto;
例:
#wrapper {
width: 960px;
margin: 0 auto;
}
回答№3の場合は0
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/