el-row el-col不能实现的布局:一个多行多列并且移动端适配,每行用分隔线隔开的布局
el-row el-col不能实现的布局:一个多行多列并且移动端适配,每行用分隔线隔开的布局 采用display:grid;grid-template-columns: repeat(3,1fr);实现
解决办法:父元素用display:grid布局
.card-grids{
font-size: 35rpx;
font-weight: 500;
background: #fff;
display: grid;
margin-top: 10rpx;
grid-template-columns: repe
原创
2021-09-26 11:38:55 ·
1446 阅读 ·
0 评论