我是 Angular 2 材料设计的新手。我想要实现的是使用 angular2 材质创建一个网格列表并将 md-cards 放入 md-grid-tile 中。虽然 md-card 有position:relative,但它们溢出了 md-grid-tile。单击此链接,卡片重叠并且溢出 md-grid-list 中的 md-grid-tile https://i.stack.imgur.com/k8SG5.jpg
以下是我使用过的代码:
<body>
<md-toolbar layout="row"> <md-button class="menu">
<md-icon md-svg-icon="menu"></md-icon> </md-button>
<h3>Pipeline UI</h3>
</md-toolbar>
<md-grid-list cols="2" rowHeight="2:1" gutterSize="15px">
<md-grid-tile layout-wrap *ngFor="let item of releaseType">
<md-card flex layout-fill>
<md-card-header>test1</md-card-header>
<md-card-content>
<stage [init]="item.submissions"></stage></md-card-content>
</md-card>
</md-grid-tile>
</md-grid-list>
</body>
非常感谢任何解决此问题的帮助:)
据我了解,md-grid-tile
在另一个名为的 dom 元素内创建figure
它的 CSS 规则之一是align-items: center;
。我用了:
md-grid-tile figure {
align-items: flex-start!important;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)