如何在网格瓦片上改变伸缩方向？
提问于 2020-10-30 16:59:47
我只是想不出如何在mat-grid-tile上改变伸缩方向..
我想在一个网格瓦片中显示3个组件，它们都是从左到右堆叠的，而不是从上到下很好地显示。
可能就是这么简单，但是我找不到正确的方法。
我试过了
mat-grid-tile { display: flex; flex-direction: column; }
但是它不能工作，你能帮我吗？
我也不能使用cols属性，因为它已经在网格中了，而将网格放在网格中是行不通的。为了更好地理解，这里是我的页面：
<mat-grid-list cols="2">
<mat-grid-tile>
<app-admin-about-me></app-admin-about-me>
</mat-grid-tile>
<mat-grid-tile>
<app-admin-projects-list></app-admin-projects-list>
<app-admin-skills-list></app-admin-skills-list>
<app-admin-tools-list></app-admin-tools-list>
</mat-grid-tile>
</mat-grid-list>我想以列的形式显示第二个磁贴
回答 1
Stack Overflow用户
发布于 2020-10-30 17:17:06
mat-grid-list有cols属性，你可以使用它在一个单独的列中显示所有的瓦片。使用flex覆盖css不会有太大帮助。
<mat-grid-list cols="1" rowHeight="2:1">
<mat-grid-tile>1</mat-grid-tile>
<mat-grid-tile>2</mat-grid-tile>
<mat-grid-tile>3</mat-grid-tile>
<mat-grid-tile>4</mat-grid-tile>
</mat-grid-list>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64612727
复制相关文章
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
