css实现块级元素水平垂直居中的方法?

Posted wuqilang

tags:

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

父级给相对定位,子级给绝对定位,margin设置为auto,上下左右值设为0。

父级给相对定位,子级给绝对定位,设置left和top为50%,再向左和向上移动负的子级一半。

父级设置display:flex;justify-content: cneter;align-items: center;

父级设置display: table-cell;vertical-align: middle;text-align: center;子级设置display: inline-block;

以上是关于css实现块级元素水平垂直居中的方法?的主要内容,如果未能解决你的问题,请参考以下文章

用CSS 实现元素垂直居中,都有哪些好的方案

CSS之元素水平居中

css实现块级元素水平垂直居中的方法?

CSS设置行内元素和块级元素的水平居中垂直居中

CSS水平居中与垂直居中的总结

Css实现元素上下左右都居中的4种方法