如何使用 CSS、HTML 或真正基本的 javascript 使我的页面加载居中
你好，我制作了一个页面，其最宽点为宽度 1300px 的图像。我正在尝试制作一些东西，使页面加载时页面中心（文本等所在的位置）位于浏览器的中间。有一个简单的方法可以做到这一点吗？
Hello Ive made a page which has an image of width 1300px as its widest point. I'm trying to make something which makes the page load with the centre of the page (where text etc. resides) in the middle of the browser. Is there a simple way of doing this?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
将其添加到外部包装 CSS：
并使图像成为正文的居中背景：
Add this to the outer wrapper CSS:
And make the image a centered background of the body:
在CSS中，这样做：
body: { text-align: center } #main { text-align: left margin: 0 auto; }文本对齐中心适用于旧版IE6，而边距适用于较新的浏览器。 #main 是要居中的主 div。
in CSS, do this:
body: { text-align: center } #main { text-align: left margin: 0 auto; }The text-align center is for old IE6, whereas margin works for newer browsers. #main is your main div that is to be centered.
如果你想显示一些块元素（固定宽度）居中，你需要使用这个规则：
如果在一个元素内你想居中一些文本，只需设置：
如果你想居中一个绝对元素（固定宽度，即1300px） ）你需要这样更棘手：
if you want to display some block elements (with fixed width) centered you need to use this rule:
if inside an element you want to center some text, just set:
if you want to center an absolute element (fixed widh aswell, i.e. 1300px) you need to be more tricky this way: