脚本宝典收集整理的这篇文章主要介绍了将一个绝对定位的div水平垂直居中对齐,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
在通常情况下,可以为元素添加margin:0px auto即可让元素在它的父元素水平居中,然后再将它设置为垂直居中对齐即可。但是为绝对定位的对象添加margin:0px auto并不能生效,所以说还是要用老办法实现。
代码示例如下:
以上代码可以将子div在父div中水平垂直居中对齐,下面就简单介绍一下几个要点:
1.父元素是使用相对定位,这样子元素就可以以它作为位移参考对象。
2.top属性值计算方式:父元素的高度/2-子元素高度/2,left属性值计算方式:父元素宽度值/2-子元素宽度值/2。
以上是脚本宝典为你收集整理的将一个绝对定位的div水平垂直居中对齐全部内容,希望文章能够帮你解决将一个绝对定位的div水平垂直居中对齐所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。