可能重复:
网页的中心内容
我有一个 1640 像素宽的网页,主要内容位于页面中心,宽 900 像素。无论用户屏幕或浏览器大小如何,我都需要在浏览器窗口中水平放置网页中心。javascript、jquery 或 css 可以做到这一点吗?我对java没有任何实际经验,所以有人可以指出我正确的方向还是他们有代码示例?谢谢您的帮助!
这是指向该页面的链接以提供帮助。网页链接
我可能遇到的问题是因为页眉和页脚在我的容器外面并且运行了我网页的整个宽度。
代码如下所示:
#container { width: 1640px; margin: 0 auto; max-width: 100%; background-position: center 0;}
您需要使用相对测量 - 即 100% 百分比 - 而不是固定数字 - 即 1680 像素。这样,无论分辨率如何,您的包装器都将占据该特定屏幕的整个宽度,并且内容将居中:
#wrapper {
width:100%;
}
#content {
width:900px;
margin:0 auto;
}
我发现了你的问题......你的代码正在做你想做的事。你需要width:1680px;
从你的html,body
而是让它说:width:100%;
希望有帮助!