WXOPEN Club

小程序真机文字无法居中,模拟器是正常的,求解?

发布于 8 年前作者 aduan10638 次浏览最后编辑 8 年前来自 issues

第一个正常的是模拟器的,第二个是安卓真机截图的.

.shoppingCartCount{
  background: #FF1B1B;
  width:26rpx;
  height:26rpx;
  font-size:16rpx;
  font-weight: 500;
  border-radius:50%;
  text-align: center;
  line-height: 26rpx;
  color:#fff;
  position: absolute;/*小红点的位置*/
  top:0;
  right:-6rpx
}

以上是css代码

<view class="shoppingCartCount">
    49
</view>

求解~

1 回复
guiyingshen
guiyingshen1 楼6 年前

<view class=“shoppingCartCount” style=“display:flex;justify-content: center;align-items: center;”>

    <text>49</text>

</view>

试试