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

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

成都创新互联公司长期为数千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为图木舒克企业提供专业的成都网站制作、成都做网站,图木舒克网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。

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

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

代码如下:

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

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

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


文章标题:CSS设置绝对定位元素实现水平居中代码分享
URL地址:http://csdahua.cn/article/jhgieh.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流