首页 > 其他 > 详细

两个子元素重叠居中

时间:2021-06-10 11:22:20      阅读:21      评论:0      收藏:0      [点我收藏+]

技术分享图片

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 }

 

两个子元素重叠居中

原文:https://www.cnblogs.com/xiezilailai/p/14869888.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!