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材料設計項目佈局問題

回答

相關問題