角材料

我具有与MD-卡部件角材料

 <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>

我有此代码的问题2 MD-卡宽度，它创建具有内部的图像和该图像下的一些文本的卡片。我希望图像尺寸为200x200，我希望卡片能够完全包裹图像，但相反，卡片会填充整个页面宽度，因此图像会伸展到卡片大小

如果我删除从img标签的MD-卡图像属性，它显示的图像在200×200，但MD卡仍然捉襟见肘。

我如何保持我想要的图像，使周围的MD-卡包的大小？

来源

2017-07-24 areller

如果我正确的话，你需要设置md卡的宽度，来源https://material.angular.io/components/card/examples – mmativ

我很笨（-‸ლ）我尝试设置宽度的md卡，但我使用宽度属性。我现在为md卡创建了一个css类，它可以工作。谢谢！ – areller

您需要使用css您md-card

来源的大小：Here

PS：它能够更好地使用box-sizing: border-box;这样你就可以得到确切的宽度......

来源

2017-07-24 14:28:02 mmativ

回答

相关问题