角材料

我具有與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

回答

相關問題