角料 2 md-card 宽度

Question

我遇到了 md-card 组件的问题

        <md-card>
            <img height="200" width="200" md-card-image src="/resources/{{odd?.image?.path}}" />
            <md-card-content>
                <button md-button>{{odd?.object?.name}}</button>
            </md-card-content>
        </md-card>

我有这个代码，它创建了一张卡片，里面有一个图像，图像下面有一些文字。我希望图像的大小为 200x200 并且我希望卡片完全包裹图像，但相反的情况发生了，卡片填满了页面的整个宽度，因此，图像拉伸到卡片的大小

如果我从 img 标签中删除 md-card-image 属性，它会以 200x200 显示图像，但 md-card 仍然被拉伸。

我怎样才能保持我想要的图像大小并使 md-card 环绕它？

Answer 1

您需要使用css来确定您的尺寸md-card

来源：这里

PS：最好使用box-sizing: border-box;这样你可以获得确切的宽度......