flex 设置上下都居中 <div class="btn-not-sel"><span>零售用户</span></div>

可以使用flex布局的align-items属性和justify-content属性来实现上下居中和左右居中。

具体方法如下：
1.将父元素的display属性设置为flex。
2.使用align-items属性来设置子元素在交叉轴上的对齐方式，可以将其设置为center。
3.使用justify-content属性来设置子元素在主轴上的对齐方式，可以将其设置为center。

示例代码如下：

<style>
    .btn-not-sel{
        display:flex;
        align-items:center;
        justify-content:center;
        height:100px;
    }
</style>

<div class="btn-not-sel">
    <span>零售用户</span>
</div>