以css为中心的内容向左或向右移动

以css为中心的内容向左或向右移动,css,center,Css,Center,我有一个html,其中内容以经典方法为中心: width: 960px; margin: 0 auto; 现在,根据页面上内容的高度,可能会显示滚动条。 这将使内容集中在一个较小的区域 所以实际上,内容只会向左或向右跳跃 我的解决方案是overflow-y:scroll在正文上,它将始终显示滚动条 但是如果你大部分都是小页面,你会一直得到一个未使用的滚动条 有没有更好的解决办法 谢谢。您可以删除滚动条: body, html { overflow: hidden; } 或者(仍然隐藏

我有一个html,其中内容以经典方法为中心:

width: 960px;
margin: 0 auto;
现在,根据页面上内容的高度,可能会显示滚动条。 这将使内容集中在一个较小的区域

所以实际上,内容只会向左或向右跳跃

我的解决方案是
overflow-y:scroll
正文
上,它将始终显示滚动条

但是如果你大部分都是小页面,你会一直得到一个未使用的滚动条

有没有更好的解决办法


谢谢。

您可以删除滚动条:

body, html {
    overflow: hidden;
}

或者(仍然隐藏滚动条),使用javascript解决方案在您想要的块中添加滚动条,这样它就不会移动内容。

您可以删除滚动条:

body, html {
    overflow: hidden;
}

或者(仍然隐藏滚动条),使用javascript解决方案在您想要的块内添加滚动条,这样它就不会移动内容。

如果内容居中且父宽度发生变化,则它应该“跳转”以保持居中。你为什么要避免这种情况?我同意你强制滚动条显示的解决方案。@Xavier-好吧,如果答案不正确,那么我不接受,给一个正确的答案,它将被相应地标记。如果内容居中,父宽度改变,那么它应该“跳转”以保持居中。你为什么要避免这种情况?我同意你强制滚动条显示的解决方案。@Xavier-好吧,如果答案不正确,那么我不接受,给一个正确的答案,它将被相应地标记