angular - 如何设置 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>
我怎样才能给第一个 30% 的宽度和mat-grid-tile
第二个 70% 的宽度mat-grid-tile
,以及如何设置mat-grid-tile
所有设备的等效高度?
解决方案
您可以添加colspan
. 确保 col span 的总和等于 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>
工作堆栈闪电战
推荐阅读
- php - 如何在 Laravel 中打印与其类别名称相关的品牌名称?
- hyperledger-fabric - 我如何访问fabric ca server REST API
- jquery - 使用媒体查询或创建 JQuery 函数来添加少量 CSS 会更好吗?
- windows - 将一个变量设置为另一个变量的内容
- ffmpeg - 在 MPEG DASH MANIFEST 中指定曲目标题或语言
- mysql - MySQLSelect 语句
- laravel - 使用 foreach 在 laravel 中进行大规模更新
- amazon-web-services - 使用无服务器框架的 lambda AWS 中的授权代码授予
- multithreading - 子进程在线程中运行的行为
- php - 我想在 codeigniter 框架中导入 csv。但显示类似 Undefined property: Cforcecontroller::$csvimport 的错误