25宫格

?

1 2 3 4 5 6 7 8 9 10 11 12

.icon-list {   display: grid;   grid-template-columns: repeat(5, 1fr); /* 划分为5列 */   grid-template-rows: repeat(5, 1fr); /* 划分为5行 */   gap: 12px; /* 间隔为12像素 */   .icon-item {     width: 48px;     height: 48px;     border-radius: 6px;     background-repeat: no-repeat;   } }

　　

?

1 2 3 4 5 6 7 8 9 10 11 12 13

.icon-list {   display: flex;   flex-wrap: wrap;   width: calc(100% + 12px);   .icon-item {     width: 48px;     height: 48px;     border-radius: 6px;     background-repeat: no-repeat;     margin-right: 12px;     margin-bottom: 12px;   } }