CardMedia 高度 material-ui

Question

我正在努力尝试更改 CardMedia 中图像的高度

我用

设置样式

const style = {
  height: 32,
};

并在

中使用它

<CardMedia
  overlay={<CardTitle title="Title"/>}
  mediaStyle={style}>

  <img src="imgUrl" />
</CardMedia>

但图像的高度保持不变。唯一发生的事情是带有标题的叠加层移动到顶部。我已经尝试了所有 CardMedia 属性，但我还没有成功

Answer 1

尝试使用样式而不是 mediaStyle，例如

const Style = {
  height: 32,
};

    <CardMedia
      overlay={<CardTitle title="Title"/>}
      style={Style}>

      <img src="imgUrl" />
    </CardMedia>

Answer 2

您需要直接在图像上应用样式：

<CardMedia overlay={<CardTitle title="Title"/>}>
  <img src={imgUrl} style={style}/>
</CardMedia>

设置想要的width和height图片，Card会根据图片进行调整。

CardMedia 高度 material-ui

CardMedia height material-ui

reactjs

material-ui