🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 法一:给每个item分块里再套一层 ![](images/screenshot_1523667378194.png) 里面单独其一层 是为了防止gutter的背景色被填充(要不怎么叫gutter呢)? 优势:不需要提前知道一行有多少列 react实现 contextTypes 儿子接收 决定是否设置padding 并再套一层 ## 法二:nth-of-type 手动传入列数 依靠nth-of-type 实现 nth-of-type(${column}n)的margin-left为0 nth-of-type(${row\*(column-1)+1})margin-top设置为0 ## 法三:margin-right+margin-bottom 每一个item设置 margin-right+margin-bottom 父容器 的margin-right 和 margin-bottom 设置 负margin抵消掉子项多出的margin