如何爲md-grid-tile設置不同的寬度

Question

我使用新的角度材質。 具有兩列該代碼產生網格：

<md-grid-list cols="2" rowHeight="10"> 
    <md-grid-tile></md-grid-tile> 
    <md-grid-tile></md-grid-tile> 
</md-grid-list> 

如何20％寬度設定爲第一列和remaning 80％至第二？

Answer 1

試試這個：

<md-grid-list cols="10" rowHeight="2:1"> 
    <md-grid-tile colspan='2'>1</md-grid-tile> 
    <md-grid-tile colspan='8'>2</md-grid-tile> 
</md-grid-list> 

你需要閱讀本文檔：https://material.angular.io/components/grid-list/overview

Answer 2

material.angularjs.org. mdGridTile

瓷磚包含md-grid-list的內容。它們垂直或水平跨越一個或多個網格單元，並使用md-grid-tile-{footer,header}來顯示輔助內容。

<md-grid-list cols="10" rowHeight="2:1"> 

    <md-grid-tile colspan='2'>1 </md-grid-tile> 

    <md-grid-tile colspan='8'>2 </md-grid-tile> 

</md-grid-list> 

MD-行高度

string 

一個

CSS長度 - 固定高度的行（例如8px或1rem。） {width}:{height} - 寬度與高度的比（例如。md-row-height =「16：9」） 「fit」 - 高度將通過細分可用高度來確定e行數