这张图片对问题的描述比我能用文字描述的还要好。如何让网格紧密没有任何间隙。如果有的话,我需要一个纯 CSS 解决方案。如果可能的话,我宁愿不更改 html。有一个 demo set up here如果您想尝试一些想法。 可变高度 也必须允许,这样我们就不能将所有元素设置为相同的高度。有什么想法吗?
最佳答案
您也可以通过交替使用花车来做到这一点。我更改了一些 box 的 CSS,添加了 box-sizing 并删除了 inline-block
.box{background-color:white;
border:1px solid black;
margin: 0;
width:50%;
display:block;
float:left;
box-sizing: border-box;
}
.box:nth-child(2n + 0) { float: right; }
关于html - CSS 不同高度的 div 元素导致网格间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21489726/