<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script>
<script>
var grid = document.querySelector('.caseList');
var masonry = new Masonry(grid, {
itemSelector: 'li',
columnWidth: 200, // 列宽
gutter: 0, // 间隙
fitWidth: true // 适应容器宽度
});
</script>
.caseList {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-auto-flow: dense; /* 密集填充 */
gap: 0; /* 去除间隙 */
margin: 0;
padding: 0;
}
.caseList li {
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.caseList img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}