简体   繁体   English

如何在列中制作md-card?

[英]How to make md-card in column?

Even when I copy official demo it displays in row. 即使我复制官方演示,它也会显示在行中。 layout="column" doesn't help. layout =“column”没有帮助。 https://material.angularjs.org/latest/#/demo/material.components.card https://material.angularjs.org/latest/#/demo/material.components.card

You have to have the layout attribute specified on the parent of the card if you want the card to behave as a columnar card (ie two card with parent layout=column will be vertically aligned so one is above and the other below) 如果您希望卡表现为柱状卡,则必须在卡的父级上指定layout属性(即,具有父layout=column两张卡将垂直对齐,因此一个在上方,另一个在下方)

http://codepen.io/anon/pen/jPjmJd shows layout=columns and you can see all the 3 cards on top of one another. http://codepen.io/anon/pen/jPjmJd显示layout=columns ,你可以看到所有3张卡在彼此之上。

http://codepen.io/anon/pen/vOqmMJ shows layout=row and you can see all the 3 cards next to one another. http://codepen.io/anon/pen/vOqmMJ显示layout=row ,你可以看到所有3张卡彼此相邻。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM