如何限制html网站的宽度?

Ras*_*sto 7 html

如何将网页的宽度设置为始终精确为1000px?例如,像Facebook或StackOverflow这样.该网站不会调整大小.如果浏览器窗口小于1000px,则需要滚动条.页面应该在浏览器中居中.

我总是可以将页面的内容放在<div></div>标签中,但我已经读过它不适用于所有浏览器.那么正确的方法是什么?

Pek*_*ica 13

将内容包含在div具有CSS width属性设置的内容中,1000px可以跨浏览器使用.

CSS:

div.content { width: 1000px }
Run Code Online (Sandbox Code Playgroud)

HTML:

<body>
  <div class="content">
  ...
  </div>
<body>
Run Code Online (Sandbox Code Playgroud)

但是,请考虑使用960像素而不是1000像素.它是一种可靠的标准,适用于大多数设备,最小1024像素显示宽度,包括滚动条等空间.


小智 5

直接设置正文以该宽度显示:

body {
   width:1000px;
   margin:0 auto;
}
Run Code Online (Sandbox Code Playgroud)

不过,我通常使用换行 div,如下所示:

html

<body>
  <div class="wrap"></div>
<body>
Run Code Online (Sandbox Code Playgroud)

CSS

div.wrap {
    width:1000px;
    margin:0 auto;
}
Run Code Online (Sandbox Code Playgroud)