Angular Material 6网格列表对齐项和对齐内容可灵活启动

问题描述

我正在尝试使用Angular Material 6动态网格列表.与文档有关的示例将网格的内容放置在每个图块的中心.请参见示例此处

I'm trying to use Angular Material 6 Dynamic grid-list. The example relating to the documentation puts contents of the grid in the centre of each tile. See example here

我希望内容出现在每个图块的左上角.

I want the content to go in the top left hand corner of each tile.

我尝试了以下不起作用的CSS.

I have tried the following css which does not work.

.mat-grid-tile .mat-figure {
   justify-content: flex-start;
   align-items: flex-start;
}

推荐答案

放入styles.css:

演示

.mat-grid-tile .mat-figure {
   justify-content: flex-start !important ;
   align-items: flex-start !important;
}

这篇关于Angular Material 6网格列表对齐项和对齐内容可灵活启动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！