TL; DR:看这个小提琴——我要找的几乎都是一个JavaScript doohickey,它可以修复诸如这些浮动元素之间的间隙,而不会在调整现有库的大小时出现延迟。
加长版:据我所知,有两个主要的库用于创建紧密结合的元素墙;砌体和同位素。
然而,除了可疑的相似网站之外,这两个库在使用流体/响应元素调整视口大小时都有相同的奇怪之处。每个砌体元素首先单独调整大小(创建更大的排水沟),然后在一个节拍之后重新排列为新形式。在此处或此处查看。
看来我是唯一一个认为这很丑陋的人。
考虑到以百分比设置的元素宽度和排水沟,如何实现相同的砌体效果,但具有更多“原生”外观调整大小(即没有延迟)?
这是我现在拥有的 CSS:
#wrapper {
width: 100%;
overflow: hidden;
}
#wrapper > div {
width: 46%;
margin: 0 2% 15px;
float: left;
}