我正在使用Angular 4和官方的@ angular / material-design和@ angular / flex-layout API构建SPA。
我想显示一些项目的变量列表(This is the message you received: ?{ EJFDEBFEEBFACACACACACACACACACAAA
),我用Md-Cards(app-project-list
)表示。
在此页面上可以看到我想要的完美示例:weo3.com/work
我们的目标是拥有响应的卡片列表:
app-project-card
)列表应显示在列这是我到目前为止的代码,它有问题:
xs
我在这里查看了所有三个类似的问题,但这些问题都没有满足要求(参见this angularJS question和this angular2 question)。非常感谢任何帮助!
答案 0 :(得分:1)
我已经开始用多张牌的包装来解决类似的问题。我找到了类似问题的解决方案:
<div fxLayout="row" fxLayoutWrap>
<md-card *ngFor="let post of posts" fxFlex.lg="33" fxFlex.lt-lg="50" fxFlex.xs="100">
...
</md-card>
</div>
注意fxLayoutWrap指令,它允许在新行上正确包装元素。并且单个fxFlex-es定义给定断点在一行中应该有多少元素。
同样不使用'center'将解决行中单例元素的问题,并且自然会从头开始。