我使用Foundation-zurb在我的页面上制作文章列表。但是如果某篇文章有大名或描述它会对网格产生影响并将下一级网格移动到混乱状态。
<div class="row">
<div class="small-12 medium-12 large-12 columns">
{% for article in articeone %}
<div class="small-12 medium-6 large-6 columns nothing_article end">
....
</div>
{% endfor %}
</div>
所以我需要同一级别的所有项目占据最大项目的高度。像这样:
所以,也许某些js-library的一些技巧,这将帮助我做到这一点。
将自定义类(即.myClass
)添加到.row
并使用:
.row.myClass {
display: flex;
flex-wrap: wrap;
}
请记住prefix所有CSS以获得最大的浏览器兼容性。