7

ここに画像の説明を入力してください

オレンジ色の長方形の中にあるようなスペースをHTMLドキュメントに追加したいと思います。私はそれが専門的に呼ばれているものの専門用語を知りません。謝罪。

4

4 に答える 4

11

Webページを中央に配置することを検討していて、メインコンテナーで固定幅を使用している場合、これは簡単に実現できます。

CSS

.container {
   margin:0 auto; /* this will center the page */
   width:960px; /*  use your width here */
}

HTML

<body>
    <div class="container">
      <!-- all your great content here -->
    </div>
</body>

これをhtml/cssに適用するのに助けが必要な場合は、htmlを投稿してください。喜んでお手伝いします。

于 2012-09-14T17:21:56.453 に答える
6

なぜこれをしないのですか？：

<style type="text/css">
    html, body {
        margin: 0;
        border: 0;
        width: 100%;
    }

    body {
        padding: 0 20px;
    }

    #main {
        margin: 0 auto; /* in case you want to set a fixed width on this as well */
    }
</style>

<body>
    <div id="main"></div>
</body>

このように、ウィンドウの幅に応じて、メインdivのサイズが変更され、両側に常に固定スペースがあります。メインdivの幅を固定し、側面の間隔を自動的にサイズ変更する場合は、他のソリューションを使用します。

于 2012-09-14T17:26:41.880 に答える
2

それらはマージンになります。ただし、メイン領域をdivまたは他のブロック要素/セクショニングルートでラップし、必要な幅に設定してから、中央に配置することをお勧めします。margin: 0 auto;

于 2012-09-14T17:20:24.970 に答える
0

マージンが必要です。margin:0 auto;divを中央に配置するスタイルを設定します

于 2012-09-14T17:20:43.333 に答える