我对div居中有一个非常奇怪的问题,我能够缩小到Fiddle。基本上我有非常大的div(3000px),我想把它放在页面中心。我使用了带有负边距的旧好技巧:
.my_div
{
width:3000px;
position:absolute;
left:50%;
margin-left:-1500px;
}
当浏览器窗口小于3000像素时,发现这会削减div的左侧部分(在Firefox 25和Chrome 30中测试),我感到非常震惊。我肯定错过了一些显而易见的东西,因为我使用这个技巧已经有几年没有任何问题......
编辑:为了澄清,我不希望滚动居中,我希望div居中(如果div小于窗口)。如果div比较大,那么滚动到最左边对我来说完全没问题,我只需要不要通过浏览器来删除div。我正在使用3000px进行测试,但我页面中的实际div大小为1100px,问题非常真实
答案 0 :(得分:1)
margin: 0 auto;
应该为您设置div。
我更新了你的小提琴,包括保证金:0 auto;而不是左:50%;等
我还添加了一个较小的div,它也使用了margin:0 auto;显示如何使用较小的div。
Let me know if this isn't what you're looking for and I can try to help you further.