角材料 md 卡动态高度 [英] angular-material md-card dynamic height
问题描述
我正在努力使我的 md 卡网格根据它们的图像具有不同的高度.现在,如果一个图像更高,则整行卡片都与该高度相匹配,看起来很不稳定.我该怎么做才能使 <md-card>
中的卡片内容不拉伸以匹配行?
这是卡片的 html:
<div layout="row" layout-align="center stretch" layout-wrap><md-card ng-repeat="article in home.articles | filter:searchCard | orderBy:'-negPos'"><a ng-href="/article/{{article.id}}"><img ng-src="{{article.imagePath}}" class="card-image" alt="文章图片"></a><div class="card_content"><div class="article_card_title"><a ng-href="/article/{{article.id}}"><h3 class="md-subhead">{{article.title}}</h3></a>
<div class="card_agency"><span class="agency_name">{{article.agency}}</span>
<div class="card_ratings"><div><img src="{{article.negPosBar}}"><md-tooltip md-direction="'bottom'">