两个子元素重叠居中

html

1           <view class="item-level">
2             <text class="level">13</text>
3             <image
4               class="image-level"
5               src="/assets/images/person-level.png"
6             />
7           </view>

css

 1 .item-level {
 2   display: flex;
 3   justify-content: center;
 4   align-items: center;
 5 }
 6 
 7 .image-level {
 8   width: 80rpx;
 9   height: 55rpx;
10 }
11 .level {
12   font-size: 24rpx;
13   font-weight: 700;
14   color: #ffffff;
15   position: absolute;
16 }

 也可以把图片设置成父元素的背景

posted on 2021-06-10 09:52  蝎子莱莱与车轮滚滚  阅读(115)  评论(0)    收藏  举报