如下图,想把两个图标并排排列在右上角的位置,但是flex的布局用起来好像出现了点问题。
简直是出现了一系列让人无奈的效果啊,类似下图这种:
解决方法如下:
父级元素用相对定位,子元素用绝对定位。
.Letter-writeIcon {
position: relative;
}
.btn-img1 {
width: 82rpx;
height: 80rpx;
position: absolute;
right: 140rpx;
top: 4px;
}
.btn-img2 {
width: 80rpx;
height: 80rpx;
position: absolute;
right: 30rpx;
top: 4px;
}
然后就解决得到我想要的样式啦~