Question

我想知道我是否可以做一些与此网站类似的事情（http://www.viralnova.com/hasnt-bathed-60-years-gallery/?mb=sk&Skyid=815）。这个网站有背景，然后在背景之上他们是一堆内容。当您来回滑动页面时，内容保持居中，除非您将页面滑动到最左侧。此时页面停止调整，只停留在左侧。我想知道他们是否能将这种效果放在我的网站上。我应该将我的网站内容设置在特定的div中，然后告诉div到中心吗？

很抱歉，如果我的问题令人困惑。 -Thanks

Answer 1

您可以像下面的代码一样打包您的内容

<div class="wraper">
    <div class="content"></div>
</div>

将宽度设置为包装器，将margin auto设置为包装器的左侧和右侧

.wraper {
    display:block;
    width:200px; <-- define a width
    height: 100px;
    margin: 10px auto; <-- set margin left and right to auto
    background: yellow;
}

Demo

以html为中心我的网站

1 个答案: