reactjs - Material UI 卡高度

Question

我确信我在这里错过了一些简单的东西，但我一生都无法解决这个问题。

• 我正在使用Material-UI React中的卡片组件要显示带有轨道列表的专辑。卡片可扩展并可填充其父容器的 100%，以便当展开一张卡时它们的高度都增加了。
• 如何阻止其他卡与其父卡一起扩展元素并让它们保持在足够的高度以显示内容？

只有扩展卡才能改变高度。这是我的意思的屏幕截图:material-ui cards

Answer 1

您可以将样式应用于卡片。

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