27

Webページのコンテンツを中央に配置し、最大幅をたとえば900pxにします。

私の調査とテストから、これがそれを行う方法のように見えますが、私は確認したかった：

<body style="max-width:900px; text-align:center;margin-left:auto ;margin-right:auto">

明らかに、CSSにスタイルを配置します。

そして、大画面を持っている人なら誰でもかなり新しいブラウザを使うようになると思います。

4

5 に答える 5

61

必要な場合を除いて、必要になるまでラッパーを使用するのはなぜですか？私は物事を愚かに包むことはしません-あなたができるという理由だけで意欲的です、それは合計します。また、必要に応じて、Bodyタグを「無料のラッパー」として使用できます。

CSS：

html {
    margin:    0 auto;
    max-width: 900px;
}

body {
    /* whatever you want */
}
于 2012-06-19T00:22:38.570 に答える
19

CSS： 

body { width: 100%; text-align: center; }
#centerContainer { width: 900px; text-align: left; margin: 0px auto; }

HTML：

<body>
  <div id="centerContainer">Content</div>
</body>
于 2012-06-18T18:39:42.600 に答える
2

<body> を中央に配置するのではなく、をラッパーまたはコンテナ<div>として作成することをお勧めします。width: 900px

HTML:

<body>
   <div id="container">

   **Your Contents**

   </div>
</body>

CSS:

body{
   width: 100%;
}
#container {
   width: 900px;
   margin: 0 auto;
}
于 2012-06-18T18:39:53.057 に答える
1

私のやり方は、ページにコンテンツを保持するラッパーdivを作成することです。

CSS：

#wrapper{margin:0 auto; width:900px;}

HTML：

<div id="wrapper>

<!--content goes here-->

</div> <!--/wrapper-->
于 2012-06-18T18:39:08.683 に答える
1

ボディで行うのではなく、「ラッパー」divを作成し、次のようにスタイルを設定します。

<div style="width: 900px; margin: auto;">Content</div>
于 2012-06-18T18:39:46.087 に答える