假设我有一个div,它将包含一组元素(div),它们可能有不同的高度,但是它们都将具有相同的宽度。
我已经实现了同位素砌体,但由于一些浏览器已经支持CSS3多列,我希望有一个唯一的CSS解决方案,这些浏览器,回归到其余的JavaScript。
这是我一直在尝试的CSS:
.div-of-Boxes { -webkit-column-count: 3; -webkit-column-gap: 10px; -moz-column-count: 3; -moz-column-gap: 10px; column-count: 3; column-gap: 10px; }
然而,这使得元素的流动是自上而下的左右。我想要一个从左到右的自上而下的流程。这是我想要的一个例子:
1 2 3 4 5 6 7 8 9
但这是我得到的:
1 4 7 2 5 8 3 6 9
在Flow multi-column elements left-right before top-down年中,类似的问题被问到,但我对答案不满意,它不会与不同高度的元素一起工作。 CSS列可能是可能的,还是限制?
解决方法
原文地址:https://www.jb51.cc/css/219324.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。