flex 布局一 左右平分布局，再上下平分布局

效果图：

代码：

<div style={{display:'flex',alignItems:'center',justifyContent: 'space-around',}}>
     <div style={{display:'flex',alignItems:'center',flexDirection:'column'}}>
          <div className="tit" >总人数</div>
          <div className="num"> 10 </div>
     </div>
                
     <div style={{display:'flex',alignItems:'center',flexDirection:'column'}}>
          <div className="tit" >总营业额</div>
          <div className="num">¥ 0.01</div>
     </div>
</div>

.tit {
    font-size: 14px;
    margin-top: 25px;
}

.num {
    margin-top: 5px;
    font-size: 20px;
    line-height: 1;
    font-weight: 500;
}