angular - 如何为 md-grid-tile 设置不同的宽度

Question

我使用新的 Angular Material。此代码生成具有两列的网格:

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

如何将第一列的宽度设置为 20%，将第二列的宽度设置为 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