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