Это лучший способ сделать максимальную ширину <body> и центрированную?

Я хочу, чтобы содержимое веб-страницы было сосредоточено и максимальная ширина, скажем 900px.

Из моих исследований и тестирования, похоже, что это способ сделать это, но я хотел подтвердить:

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

Очевидно, вы бы поместили стиль в CSS.

И я полагаю, что у кого-то с большим экраном появится довольно новый браузер.

Ответ 1

CSS:

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

HTML:

<body>
  <div id="centerContainer">Content</div>
</body>

Ответ 2

Зачем использовать обертку до тех пор, пока вам это не понадобится? Я бы не обволакивал ничего невообразимо, потому что вы можете это добавить. Кроме того, вы можете использовать тег Body как "бесплатную упаковку", если хотите:

CSS

html {
    margin:    0 auto;
    max-width: 900px;
}
body
{
    /* whatever you want */
}

Ответ 3

То, как я это делаю, - это создать обертку div, которая будет содержать ваш контент на странице.

CSS

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

HTML:

<div id="wrapper>

<!--content goes here-->

</div> <!--/wrapper-->

Ответ 4

Вместо того, чтобы сделать <body> в центре, я бы рекомендовал сделать <div> в качестве оболочки или контейнера с width: 900px.

HTML:

<body>
   <div id="container">

   **Your Contents**

   </div>
</body>

CSS:

body{
   width: 100%;
}
#container {
   width: 900px;
   margin: 0 auto;
}

Ответ 5

Вместо того, чтобы делать это на теле, я создал бы "обертку" div и стилю его следующим образом:

<div style="width: 900px; margin: auto;">Content</div>