宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取
小编给大家分享一下css如何使用flex布局实现居中,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
使用flex布局实现居中
.outer{ width: 300px; height: 300px; background-color: #d3d60e; display: flex; justify-content: center; align-items: center; } .inner{ color: #fff; width: 100px; height: 100px; background-color: #13b86b; text-align: center; } <div class="outer"> <div class="inner">flex居中</div> </div>
最新评论