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 。

     
        ...
     

.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类：

     
         ...
     

翻译自:

flexbox