Angularjs材料设计项目布局问题

-1

使用Angularjs材质框架，我将内容（包含卡片）与中心对齐，问题是当我增加一张卡片的高度时，相邻卡片的高度也增加。示例代码http://embed.plnkr.co/eaLjJDbjL1KnOI4jLYyO/preview Angularjs材料设计项目布局问题

卡片将具有动态高度，并且应该水平以及垂直地一个接一个地对齐。

我想实现一些事情是这样的：

https://lh3.googleusercontent.com/-6ocJpsXmVLU/VTgSj9wd_CI/AAAAAAAAACs/PavEWs9wiGM/s1600/cardLayout.png

来源

2015-04-24 ask007

我不认为这有什么关系角度。看起来你的例子是使用flexbox CSS，这是你的列具有相同高度的原因。删除所有的flex属性，你的卡片将占用所包含内容的高度。如果您正在寻找砌体砖布局，您可能需要使用JavaScript来帮助解决这个问题，因为元素会左移并彼此清除。看看这个，看看是否有帮助http://masonry.desandro.com/

来源

2015-04-24 15:33:20

角材料[网格列表]（https://material.angularjs.org/#/demo/material.components.gridList）会以类似的方式工作？ –

我对Angular Material Design项目并不熟悉，但我认为网格列表可能适用于您想要做的事情。您可能需要更新此主题的标题以吸引曾参与Material Design框架的人员。 –

@Eddie谢谢。我刚刚更新了标题/问题。 – ask007

Angularjs材料设计项目布局问题

回答

相关问题