CodeSky 代码之空

随手记录自己的学习过程

CSS 又一居中代码 绝对定位居中技术

2015-01-09 23:40分类: CSS评论: 0

今晚学习了一下定位知识,恰好hostker有个小网页用到了,就想自己试试看,由于不是居中的,存在一定偏差,所以纠结了好久(当然background-image还是居中的)。我把background用Image引入,而不是定义为background(不然position实在更难控制。。。)

下面一段代码就能水平和垂直都居中了。

1margin: auto;  
2position: absolute;  
3top: 0;
4left: 0;
5bottom: 0;
6right: 0;
7

取自:盘点8种CSS实现垂直居中水平居中的绝对定位居中技术

里面又更多定位技术,未尝试。

补充的是,之前也发过两篇里提到了一些居中定位的方法。 10个不可忽视的CSS代码片段 CSS几个竖直与水平居中盒子模型

评论 (0)