在较小的屏幕上没有剪裁而居中?

时间:2013-08-06 20:42:24

标签: html css

我试图在页面上水平居中元素/ div。我通常的策略是做保证金:0自动或保证金左:50%;并用左边弥补差异:-half the div width;。

然而,当我这样做时,当我在较小的屏幕或浏览器尺寸上查看网站时,我遇到了问题。基本上,如果视口小于div的宽度,则会剪切某些div,并且无法滚动查看其余部分。溢出属性似乎不受此影响?

这是一个问题,我已经遇到过几次,但从未能找到解决方案。我在论坛上讨论,但我找不到答案。任何有助于我朝着正确方向前进的帮助都会有所帮助!

发生这种情况的一些示例(只需将浏览器窗口调整为小宽度,您就会看到它发生):

http://brienhopkins.com/resume/

http://quintinmarcus.com

谢谢!

0 个答案:

没有答案