时间:2021-07-01 10:21:17 帮助过:45人阅读
蚂蚁部落
上面的代码实现div垂直水平居中效果,下面简单介绍一下原理。
实现原理:
首先设置div为绝对定位,然后将其top和left值分别设置为50%,但是这样并没有实现div的中心点垂直水平居中效果,而是将div的左上角实现了垂直水平居中,所以还得利用外边距margin设置上边距和左边距分别为负数,尺寸分别是高和宽的一半,这样就实现了中心点居中效果。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=15400
更多内容可可以参阅:http://www.softwhy.com/divcss/