css - 如果自动获取宽度并居中？

Question

如图，三个标签的地方，标签数量不一定，并且标签的字数也是不一定，因此总体的宽度也是不一定的，有什么办法让这这些标签自动居中吗？
使用margin:0 auto; width:auto;的结果是宽度表成了百分之百，
设置flote:left;的效果虽然宽度自动适应了但是不能居中

Answer 1

• CSS スタイルをタグの親コンテナに追加します: justi-content:center;

• コード例:

 .test{
                ディスプレイ: フレックス;
                コンテンツの位置揃え: 中央;
            }
            p{
                背景: グレー;
                マージン: 0 10px;
                境界半径: 2px;
                パディング: 0 10px;
            }

<p class="test">
            <p>111</p>
            <p>222</p>
            <p>333</p>
</p>

Answer 2

3 つのタグの親要素に text-align: center を追加します