如下图,想把两个图标并排排列在右上角的位置,但是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;}
然后就解决得到我想要的样式啦~