Question

我正在努力改变CardMedia内部图像的高度

我用

设置样式

const style = {
  height: 32,
};

并在

中使用它

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

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

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

Answer 1

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

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

设置图像的所需width和height，Card将调整为图像。

Answer 2

尝试使用style而不是mediaStyle，比如

const Style = {
  height: 32,
};

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

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

CardMedia身高材料-ui

2 个答案: