块级元素居中的几个方法

Posted xiadengqi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了块级元素居中的几个方法相关的知识,希望对你有一定的参考价值。


div{
width: 100px;
height: 100px;
background: green;
position: absolute;
top: 50%;
left: 50%;
margin-left: -50px;
margin-top: -50px;
}

注释:DIV绝对定位,距顶和距左设置为父元素的50%,再把自身宽高的一半加margin负值;











以上是关于块级元素居中的几个方法的主要内容,如果未能解决你的问题,请参考以下文章

居中的几种情况

css实现水平居中的几种方法

关于块级元素在块级元素中的居中方法

【css】居中方案

块级元素水平居中的两个方法

水平垂直居中方法