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

Question

我使用新的Angular材料.此代码生成具有两列的网格:

<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