我正在尝试使用角度材料的md-grid-tile.我面临的问题是md-grid-tile的内容是对齐的中心.如何从Start开始工作
- <md-content layout-padding>
- <md-grid-list md-cols="6"
- md-row-height-gt-md="1:1" md-row-height="4:3" md-gutter-gt-md="16px"
- md-gutter-gt-sm="8px" md-gutter="4px">
- <md-grid-tile
- ng-repeat="room in floorDetails.roomDetails"
- ng-style="{'background': '#f2f2f2'}"
- md-colspan-gt-sm="3"
- md-rowspan-gt-sm="2">
- <div layout="row" layout-align="center center">
- <b >Room1</b>
- </div>
- <div class='md-padding' layout="row" layout-wrap>
- <md-card class="md-card" ng-repeat="bed in room.bedIds">
- <md-card-content>
- </md-card-content>
- </md-card>
- </div>
- </div>
- </md-grid-tile>
- </md-grid-list>
目前的快照
期望的快照
解决方法
尝试下次为codepen / plunkr提供一个示例,如果他们有示例代码可供使用,人们更倾向于帮助您.
你应该在angular-material layout上阅读.你主要缺少一个< div layout =“column”layout-fill>容器内部的md-grid-tile. layout-fill使容器填满整个tile.
然后,您可以使用固定的CSS大小调整卡的大小或弯曲它们.该示例水平地弯曲它们,这可能是不期望的.
