如何让元素随着文字多少自适应宽度？

Question

<view class="test">
    测试
</view>

.test{
    display:flex;
    align-items: center;
    justify-content: center;
}

Answer 1

.parent {
    display: flex;
    flex-wrap: wrap;
}
.test{
    display:inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

Answer 2

你现在的写法就是自适应的，用padding撑开间距就行