材料UI卡高度

Question

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

• 我在React中使用Material-UI卡组件进行显示 带有曲目列表的专辑。这些卡是可扩展的并且正在填充 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"
                />