小程序两列多行对称flex布局
容器.container-box{width: 100%;margin-top: 36rpx; display: flex;flex-direction: row; flex-wrap: wrap; justify-content: space-between;}项目成员.item-box{display: flex;justify-conte...
容器
.container-box{
width: 100%;
margin-top: 36rpx;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
项目成员
.item-box{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 1%;
width: 48%;
height: auto;
}
图
.product-photo{
width: 100%;
height: 335rpx;
background-size: 100% 100%;
border: 1px solid rgba(240,240,240,.8);
background-image:url("http://static.skydaq.cn/uploads/2017/11/07/151005643142166d224f4a20a494c957689a529822730ed04e.jpg")
}
文
.product-text{
margin:30rpx 0 30rpx 20rpx;
font-weight: bold;
align-self: flex-start;
flex: 1 0 auto;
font-size: 32rpx;
color: #292929;
}
更多推荐
所有评论(0)