html52.com
我爱小程序-开发者交流社区

cover-view里的文本无法居中

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 微信iOS客户端 7.0.15 2.12.2

如下,无法用justify-content: center; align-items: center;等居中,只能用text-align: center;水平居中(如图),垂直居中没有办法。

.score_box{
  display: flex;
  position: fixed;
  align-self: flex-end;
  justify-content: center;
  align-items: center;
  /* text-align: center; */
  height: 60rpx;
  width: 120rpx;
  border-radius: 20rpx;
  border: 20rpx solid rgba(214, 235, 255, 0.5);
  color: rgb(253, 210, 145);
  font-size: 40rpx;
  font-weight: 600;
}

;
}
<cover-view class="score">
  <cover-view class="text">
    你的得分
  cove

<cover-view class="score">
  <cover-view class="text">
    你的得分
  cover-view>
  <cover-view class="score_box">
    {{score}}
  cover-view>
  cover-view>

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付