小程序真机文字无法居中,模拟器是正常的,求解?
发布于 7 年前 作者 aduan 10501 次浏览 来自 官方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 回复

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

    <text>49</text>

</view>

试试

回到顶部