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

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

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

margin: auto;  
position: absolute;  
top: 0;
left: 0;
bottom: 0;
right: 0;

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

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

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

植入部分

如果您觉得文章不错,可以通过赞助支持我。

如果您不希望打赏,也可以通过关闭广告屏蔽插件的形式帮助网站运作。

标签: 知识, 代码段, 语法

添加新评论