懒人之家--可能是JS网页特效代码收集最全的懒站!
更多

懒人原生块级区域内元素上下左右垂直居中方法

作者/代码整理:懒人  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2016-04-25

效果描述:
用相对定位绝对定位可以实现元素的上下左右垂直居中
基本上就是设置left:50%;top:50% 这种东东
然后在加上一系列的margin负值,每次都要计算,可谓是相当麻烦
今天给大家推荐的这种写法,只需要固定内部元素长宽
然后加上关键部分样式即可,具体样式可见预览页代码
使用方法:
1、将style中的样式拷贝到你的网页中
2、将body中的代码部分拷贝到你需要的地方即可