您好,我在前端使用了语义ui,我想制作这样的卡片,但我不知道该怎么做在我的页面中
具有要删除的高度的高度的列,以便下面的卡片向上''
display: flex;
flex-direction: column;
/* flex-wrap: wrap; */
align-content: flex-start;
max-height: 200vh;
}
<div class="ten wide column">
<div class="ui stackable three column grid">
<%if(post === 0){%>
<%}else{%>
<%post.forEach(function(post){%>
<div class="column">
<div class="ui card">
<div class="small image">
<img src="<%=post.image%>">
</div>
<div class="content">
<div class="ui tiny header"><%=post.title%></div>
<div class="description">
</div>
</div>
<div class="extra content">
<span class="left floated like">
<a href="/like/<%=post._id%>" class="activating element" data-title="Total Number of Likes" data-content="<%=post.like%>"><%=post.like%> Like</a>
</span>
<span>
<a href="/view/<%=post._id%>" class="activating element" data-title="Total Number of Comment" data-content="<%=post.cCount%>" style="margin-left: 10px !important;"><%=post.cCount%> Comment</a>
</span>
<span class="right floated eye">
<a href="/view/<%=post._id%>" class="activating element" data-title="Total Number of View" data-content="<%=post.visit%>"><%=post.visit%> view</a>
</span>
</div>
</div>
</div>
<%})%>
<%}%>
</div>
</div>