两个子元素重叠居中

本文主要是介绍两个子元素重叠居中，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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 }

这篇关于两个子元素重叠居中的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！