你能帮我看看这个网页使用了什么CSS代码吗?
特别在图片上?我的意思不是所有图片,我说的是“中间 div”或内容区域。那么该网页有 3 个部分,对吗?
标题 正文/内容(中间部分) 页脚
这是我的默认图片 Default Zoom 但是当我把它全部缩小时,还有更多剩余的图片。因此,如果我制作一个 w:1000px 包装器,网页将居中,但不会显示剩余的左右图片。
但是如果我制作一个 w:100% 包装器,剩余的图像将显示(虽然不确定)但是当你缩小它时它会转到左上角。
你明白我的意思吗? :) 我很难解释我已经考虑了大约 2 个小时。
也许这会有所帮助。就说吧
标题有1000px body 有2000px 页脚有1000px
那么,如果 1000 像素,那么我的 wrapper 的宽度(?)将如何重叠,并且水平滚动条将显示出来。如果我的 wrapper 有 100% 的宽度。当我的网页缩小时,它会转到左上角,我的 Logo 也会被弄乱。水平滚动条也会出现。
我想要图片在缩小时如何均匀地显示在左侧和右侧。
最佳答案
我不确定你是否想要这个,但你可以 margin: 0 auto;
一个包装器或容器,当你给它们一个宽度时,它们将居中在你的屏幕中间。
这是一个例子(它总是居中在中间):http://jsfiddle.net/MWtpn/如果这是错误的,抱歉。
编辑:
您可以在按 F12 或检查元素时查看源代码。 http://www.meetme.com 上的 #site_container
是 952px;.他们正在使用 overflow-x: hidden;
您现在无法向左或向右滚动。我认为这会产生您想要的效果。
关于css - 这个 wrapper 的宽度是多少? "Centering a webpage",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19306685/