怎么让一个块级元素居中

Posted RiceYao

tags:

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

在css中让块级元素居中的方法有很多种,我先记录第一种方法,具体步骤如下:

(1)给父元素添加绝对定位relative,如果不添加定位,那么块级子元素会在body中垂直居中

position: relative;

(2)给子元素添加相对定位absolute,并且让子元素距离父元素左边和顶部50%的距离,令left:50%;top:50%,此时子元素在父元素的位置是偏右下的

position: absolute;
left: 50%;
top: 50%;

(3)在子元素中添加css3中的transform属性让子元素分别向上和向左移动半个子元素的宽度transform:translate(-15,-10)

transform: translate(-15px,-10px);

 

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

css怎样让整体居中?

如何让块元素居中

如何设置一个div中的文字水平垂直居中

【css】居中方案

如何垂直居中块级元素?

块级元素的垂直居中