1. 犀牛前端部落首页
  2. CSS教程

flexbox居中

Flexbox已经成为俺最喜欢的将页面元素居中的方式。

将一个项包装在div中,并设置display: flex和justify-content: center。

HTML文件

<div class="wrapper">
  ...
</div>

CSS文件

.wrapper {
  display: flex;
  justify-content: center;
}

使用Tailwind或BootStrap更容易,你所要做的就是添加flex和justify-center类:

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/4529.html

发表评论

登录后才能评论