1、text-align
.qa-center {
position: fixed;
bottom: 80px;
right: 20px;
display: flex;
width: 40px;
height: 40px;
font-size: 20px;
justify-content: space-around;
align-items: center;
text-align: center;
background-color: #894fbf;
color: white;
border-radius: 50%;
box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.5);
}
<view class="qa-center">考</view>
这一段效果在我们的想象中应该是这个样子的
但是实际上会向右偏移一段距离
解决的办法就是
<view class="qa-center">
<text>考</text>
</view>
只是包裹了一层text就能解决了
