flexbox_如何在Flexbox中对齐中心

flexbox

Flexbox has become my favorite way to center an element on a page.

Flexbox已成为我最喜欢的在页面上居中放置元素的方法。

You wrap an item in a div, and you set display: flex and justify-content: center.

将项目包装在div ，然后设置display: flex和justify-content: center 。

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

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

Using Tailwind CSS it’s easier, all you have to do is to add the flex and justify-center classes:

使用Tailwind CSS更容易，您所要做的就是添加flex和justify-center类：

<div class="flex justify-center">
   ...
</div>

翻译自: https://flaviocopes.com/flexbox-center/

flexbox