如何设置垫-网格-瓷砖的宽度 [英] How to set width of mat-grid-tile

问题描述

HTML

 <mat-grid-list cols="2" [cols]="breakpoint" rowHeight="486px" (window:resize)="onResize($event)">
   <mat-grid-tile >

   </mat-grid-tile>
   <mat-grid-tile >

   </mat-grid-tile>
</mat-grid-list>

如何为第一mat-grid-tile赋予30％的宽度，为第二mat-grid-tile赋予70％的宽度，如何为所有设备设置mat-grid-tile等效的高度?

How can i give width of 30% for 1st mat-grid-tile 70% for 2nd mat-grid-tile, and how can i set the height of mat-grid-tile equivalent for all the devices?

推荐答案

您可以添加colspan.确保col span的总和等于cols Size.

You can add colspan. Make sure that the sum of col span is equal to cols Size.

<mat-grid-list cols="4" rowHeight="2:1" >
<mat-grid-tile colspan="3">1</mat-grid-tile>
<mat-grid-tile colspan="1">2</mat-grid-tile>
</mat-grid-list>

工作 Stackblitz

这篇关于如何设置垫-网格-瓷砖的宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！