方法-センターのウェブサイト
CSSを使用してWebサイトを水平方向に中央揃えする方法を学びます。
センターのウェブサイト
Webサイトを水平方向に中央揃えする方法を学びます。
この例は、500ピクセルより広い画面の水平方向の中央に配置されています。
あなたのウェブサイトを中心に置く方法
コンテナ要素を使用して、特定のを設定しますmax-width
。多くのウェブサイトが使用する一般的な幅は960pxです。実際にページを中央に配置するには、を追加しmargin: auto
ます。
次の例では、500pxより広い画面の中央にWebサイトを配置します。幅が500px未満の画面では、ページ全体に広がります。
例
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- Page content -->
</div>
</body>
W3Schools Spacesについて聞いたことがありますか?ここでは、Webサイトを最初から作成するか、テンプレートを使用して、無料でホストできます。
無料で始めましょう❯*クレジットカードは必要ありません