我试图将页面上标签内的所有内容居中,而不在其中添加另一个容器。我的情况不允许我更改正在生成的标记,但我可以编辑 CSS。我的总体目标是创建 css,允许我在 IE 中使用缩放标签来打印 css(缩小),但它当前的工作方式,这会在右侧创建大量空白,我会喜欢确保内容始终居中。
如果您同意为正文指定固定宽度,则可以通过为其指定宽度和左右边距
auto
来将其居中:
例如:
body { width: 960px; margin: 0 auto; }
如果你想要这样的东西 - 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
}
(边框仅用于说明目的)
如果你使用primefaces ...,我建议你像这样添加
!important
:
body {
width: 1280px;
height: 1024px;
margin: 0 auto !important;
}
过去使用