Position:absolute居中的方法

来源:转载

网上查到两种方法可实现居中:

1.绝对居中:

position:absolute;top: 0;left:0;right:0;bottom:0;margin: auto;

问题:元素水平和垂直方向均为居中,如果只需一个方向居中,需要修改另一个方法的位移,考虑到分辨率等因素,不好调整。

2.水平居中:

position:absolute;left: 50%;width: 1000px;margin-left: -500px;

问题:适合固定宽度元素,另外当浏览器宽度小于元素宽度时,效果与”margin: 0 auto;”有明显差异

分享给朋友:
您可能感兴趣的文章:
随机阅读: