实现宽度相同但高度不同的css卡片
实现宽度相同但高度不同的css卡片
提问于 2016-07-14 06:25:48
我正在尝试构建一个屏幕，显示几张不同高度的卡片，但是一旦它们有不同的高度，它们就会像这样发送到最高的卡片的下面：result
但是我想放在它正下方的下一个，就像这样：desired result
我的结构很简单：
<body>
<main>
<div class="section">
<div class="row container">
<div class="col s12 m6 l4">CARD</div>
<div class="col s12 m6 l4">CARD</div>
<div class="col s12 m6 l4">CARD</div>
<div class="col s12 m6 l4">CARD</div>
<div class="col s12 m6 l4">CARD</div>
<div class="col s12 m6 l4">CARD</div>
<div class="col s12 m6 l4">CARD</div>
<div class="col s12 m6 l4">CARD</div>
<div class="col s12 m6 l4">CARD</div>
</div>
</div>
</main>
</body>我试着在cols中使用浮点数，但都没有结果……有谁知道怎么做我想要的东西吗？谢谢。
回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38362711
复制相关文章
相似问题
腾讯云开发者
