对于这种布局格式(即不需要每一行都设置一个div,当该行满了之后,后头的元素会按相同的规格自动排列至下一行)
设置方法
display: grid;//设置布局格式
grid-template-columns: repeat(3,1fr);//每行平均分成三份
grid-gap: 16px;//每个元素中间的行间距和列间距,如果不设置的话最后一个元素可能会无法贴边
对于这种布局格式(即不需要每一行都设置一个div,当该行满了之后,后头的元素会按相同的规格自动排列至下一行)
设置方法
display: grid;//设置布局格式
grid-template-columns: repeat(3,1fr);//每行平均分成三份
grid-gap: 16px;//每个元素中间的行间距和列间距,如果不设置的话最后一个元素可能会无法贴边