iPhone真机下,父元素设置columns,子元素box-shadow会位移?
<view class="container"> <view class="box"></view> <view class="box"></view> <view class="box"></view></view> |
.container { width: 100%; box-sizing: border-box; columns: 2; column-gap: 0; text-align: center;}.box { background: orangered; border-radius: 16rpx; display: inline-block; width: 300rpx; height: 300rpx; margin-bottom: 32rpx; box-shadow: 0 0 32rpx #9a9a9a;} |
这段代码能重现问题,如果去除.box的box-shadow,右边一列的第一个box就不会向下位移。Android无这个现象。
