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设置绝对定位元素实现水平居中代码分享
标题网址:http://lszwz.com/article/jhgieh.html

其他资讯

售后响应及时

7×24小时客服热线

数据备份

更安全、更高效、更稳定

价格公道精准

项目经理精准报价不弄虚作假

合作无风险

重合同讲信誉,无效全额退款