Semantic-UI删除CSS中的列卡高度

时间:2019-09-09 07:42:18

标签: css semantic-ui

您好,我在前端使用了语义ui,我想制作这样的卡片image,但我不知道该怎么做在我的页面中
具有要删除的高度的高度的列,以便下面的卡片向上''image

    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>

0 个答案:

没有答案