css - 这个 wrapper 的宽度是多少? "Centering a webpage"

标签 css html

你能帮我看看这个网页使用了什么CSS代码吗?

http://www.meetme.com/

特别在图片上?我的意思不是所有图片,我说的是“中间 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/

相关文章:

javascript - 仅显示 html 中第一个逗号之前的内容

javascript - 多个 div/canvas 之间的流动文本

javascript - 如何使用 jQuery 从字符串中获取 HTML 元素

javascript - jQuery(this).clearQueue 不是函数

css - 为什么我不能对后代元素使用 Action 选择器

css - 在 CSS 中使用图像文件与数据 URI

jquery - 在新窗口上书写 - 新行丢失

javascript - 向上滚动时,基于滚动位置的 javascript 动画不会恢复到其原始状态

html - 如何在透明背景图像后面添加背景颜色?

CSS - Internet Explorer 使图像尺寸稍大