以css为中心的内容向左或向右移动
我有一个html,其中内容以经典方法为中心:以css为中心的内容向左或向右移动,css,center,Css,Center,我有一个html,其中内容以经典方法为中心: width: 960px; margin: 0 auto; 现在,根据页面上内容的高度,可能会显示滚动条。 这将使内容集中在一个较小的区域 所以实际上,内容只会向左或向右跳跃 我的解决方案是overflow-y:scroll在正文上,它将始终显示滚动条 但是如果你大部分都是小页面,你会一直得到一个未使用的滚动条 有没有更好的解决办法 谢谢。您可以删除滚动条: body, html { overflow: hidden; } 或者(仍然隐藏
width: 960px;
margin: 0 auto;
现在,根据页面上内容的高度,可能会显示滚动条。
这将使内容集中在一个较小的区域
所以实际上,内容只会向左或向右跳跃
我的解决方案是overflow-y:scroll代码>在正文
上,它将始终显示滚动条
但是如果你大部分都是小页面,你会一直得到一个未使用的滚动条
有没有更好的解决办法
谢谢。您可以删除滚动条:
body, html {
overflow: hidden;
}
或者(仍然隐藏滚动条),使用javascript解决方案在您想要的块中添加滚动条,这样它就不会移动内容。您可以删除滚动条:
body, html {
overflow: hidden;
}
或者(仍然隐藏滚动条),使用javascript解决方案在您想要的块内添加滚动条,这样它就不会移动内容。如果内容居中且父宽度发生变化,则它应该“跳转”以保持居中。你为什么要避免这种情况?我同意你强制滚动条显示的解决方案。@Xavier-好吧,如果答案不正确,那么我不接受,给一个正确的答案,它将被相应地标记。如果内容居中,父宽度改变,那么它应该“跳转”以保持居中。你为什么要避免这种情况?我同意你强制滚动条显示的解决方案。@Xavier-好吧,如果答案不正确,那么我不接受,给一个正确的答案,它将被相应地标记