万能的水平居中

最新推荐文章于 2022-08-15 21:57:55 发布

原创最新推荐文章于 2022-08-15 21:57:55 发布 · 244 阅读

0 ·

CC 4.0 BY-SA版权

雪糕博客

文章标签：

#css

CSS 专栏收录该内容

2 篇文章

订阅专栏

本文提供了一种万能的CSS解决方案，帮助开发者轻松实现子元素在父级中的水平和垂直居中，只需简单地将提供的代码段添加到目标元素的父级或同级样式中。

浮动之后让子元素居中是一件比较头疼的事情，但是，下面给大家一个万能的解决方法

把以下CSS复制到需要居中的 子元素的父级 或者同级即可

display: -webkit-box;
display: -ms-flex;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-justify-content: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-align-items: center;
-webkit-align-items: center;
align-items: center;