0

我正在使用"@angular/material": "2.0.0-beta.2"版本。要顯示瓷磚,我已在md-grid-list內使用md-card。我已將rowHeight屬性添加到md-grid-list。即使已定義rowHeight,該行中的卡片高度也不相同。我需要使用md-card的哪一個屬性才能使該排中的所有卡具有相同的高度?您md-card如何在Angular2中修復md-grid-list中md-card的高度?

<md-grid-list cols="4" rowHeight="250px" gutterSize="20px"> 
    <md-grid-tile *ngFor="let data of myData"> 
     <md-card [style.background]="'lightblue'">  
    <md-card-title></md-card-title> 
    <md-card-title></md-card-title> 
    <md-card-content> 
    <h2>  
    </h2> 
    </md-card-content> 
    </md-card> 
    </md-grid-tile> 
</md-grid-list> 

回答

1

100%minHeight屬性,僅調整高度和設置minwidth也填補了md-grid-tile

像:

[style.minHeight]="'100%'" [style.minWidth]="'100%'" 

Plunker例如。

+0

非常感謝。它運作良好。 – Mythri

+0

@ user1731770:你可以接受這個答案。如果幫助你。 :) – anoop

相關問題