如何使用CSS实现如下的九宫格布局:
代码如下:
<view class="form-first-bottom">
<view class="add-container" wx:for="{
{upimgarr}}" wx:key="unique">
<image class="selectclass1" src='{
{item}}' mode='aspectFill'></image>
</view>
<view class="add-container" bindtap="upImgClick">
<image class="selectclass" src='../../../images/icon/select.png' mode='aspectFit'></image>
</view>
</view>
css代码如下:
.form-first-bottom{
margin-left:30rpx;
margin-right:20rpx;
margin-top:40rpx;
padding-bottom:40rpx;
width:clac(100% - 50rpx);
display:flex;
flex-wrap:wrap;
}
.add-container{
width:calc(34% - 18rpx);
height:200rpx;
t