角材料2 md卡宽度

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，我希望卡片完全包裹图像，但相反，相反的情况发生，卡片填满页面的整个宽度，因此图像会延伸到卡片的大小< / p>

如果我从img标签中删除了md-card-image属性，它会以200x200显示图像，但md卡仍处于拉伸状态。

如何保持图像所需的尺寸并使md卡环绕它？

Answer 1

您需要使用css来调整md-card

的大小

来源：Here

  

PS ：最好使用box-sizing: border-box;，以便获得准确的宽度......