材料UI卡片高度

我敢肯定我錯過了一些簡單的東西，但我無法弄清楚這是否適合我的生活。材料UI卡片高度

我在React中使用Material-UI卡組件顯示帶曲目列表的專輯。這些卡片是可擴展的，並且正在填充其父容器的100％，以便當一張卡片被擴展時，它們都在高度上展開。
如何阻止其他卡片與他們的父母元素一起展開並讓他們保持足夠的高度以顯示內容？

只有擴展卡應該改變高度。下面是我的意思的屏幕截圖：material-ui cards

2017-06-21 Spencer Charest

您可以將樣式應用於卡。

var cardStyle = { 
    display: 'block', 
    width: '30vw', 
    transitionDuration: '0.3s', 
    height: '45vw' 
}

而在你CardStyle您可以通過

<Card style={cardStyle}> 
       <CardHeader 
        title="URL Avatar" 
        subtitle="Subtitle" 
        avatar="https://placeimg.com/800/450/nature" 
       />

來源

2017-06-21 19:01:41

感謝您的幫助應用上述的造型。我實際上已經在卡上應用了一種風格。我將使用什麼高度屬性來讓卡片調整以顯示其內容？我使用的是'''height：auto'''，但是這會導致卡片填滿整個行高。 –

我明白了。問題是我需要改變父div的高度，而不是卡組件。感謝您的幫助！！ –

剛接受。再次感謝您的意見。對不起，我遲遲不能發佈StackExchange。 –

材料UI卡片高度

回答

相關問題