CSS设置绝对定位元素实现水平居中代码分享

本篇内容介绍了“CSS设置绝对定位元素实现水平居中代码分享”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

 

绝对定位的元素left设为50%时，是已左上角为原点的，所以只要再使用margin属性添加负值补偿回来即可。示例：
[css]

代码如下:

#board{ width:60%; padding:3%; background:#09F; position:absolute; top:0px; left:50%; margin-left:-30%; }

这样就能使得一个蓝色区域水平居中

“CSS设置绝对定位元素实现水平居中代码分享”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站，小编将为大家输出更多高质量的实用文章！