CSS - 将所有内容标记在body标签中

时间:2010-06-23 16:19:36

标签: html css internet-explorer

我试图将页面中标签内的所有内容集中在一起,而不在其中添加另一个容器。我的情况不允许我更改正在生成的标记但我能够编辑CSS。我的总体目标是创建css,允许我在IE中使用缩放标签用于打印css(缩小),但是它当前的工作方式,这会在右侧创建大量的空白区域,而且我会喜欢确保内容始终位于中间位置。

3 个答案:

答案 0 :(得分:22)

如果你可以给身体一个固定的宽度,你可以通过为左右边距赋予宽度和auto的边距来使其居中:

E.g:

body { width: 960px; margin: 0 auto; }

答案 1 :(得分:1)

如果你想要这样的话 - http://jsbin.com/emomi3/5/ ......

  body {
    position: relative;
    width: 100%;
    border: 1px solid red;
    display: block;
  }

  body > *  {
    margin: auto;
    width: 500px;
    border: 1px solid blue;
    display: block;
    overflow: auto;
  }

  body > script {
    display: none
  }

(边界仅用于说明目的)

答案 2 :(得分:0)

如果你使用primefaces ......,我建议你像这样添加!important

body { 
    width: 1280px;
    height: 1024px;
    margin: 0 auto !important;
}