我是这里的材料 ui 的新手,我正在尝试创建一张卡片,该卡片将在卡片和图像中包含页脚。

在此处输入图片说明

所以在这张卡片中,我试图让图像位于中心,并且还想在页脚中添加一些数据,但卡片没有页脚。

谁能帮我这个

<Card className={css.root}>
  <CardContent>
    <CardMedia
      className={css.media}
      title="Contemplative Reptile"
      image={TestImage}
    />
    <Typography gutterBottom variant="h5" component="h2"></Typography>
    <Typography variant="body2" color="textSecondary" component="p"></Typography>
  </CardContent>
</Card>);
}

#1楼 票数:0

按照这种模式,把CardContent和使用组件CardMedia块外=“IMG”为居中对齐图像卡

<Card className={css.root}>
          <CardMedia
            component="img"
            className={css.media}
            title="Contemplative Reptile"
            image={TestImage}
          />
          <CardContent>
            <Typography gutterBottom variant="h5" component="h2"></Typography>
            <Typography variant="body2" color="textSecondary" component="p" ></Typography>
          </CardContent>
        </Card>

  ask by ganesh kaspate translate from so

未解决问题?本站智能推荐:

1回复

在底部材料UI上对齐卡片按钮

我在ReactJS中开发一个应用程序,我在使用以下应用程序:MaterialUI(用于react)和React Flexbox。 我遇到的问题是尝试将卡按钮定位在底部(该问题似乎在不同的框架中散布了互联网)。 我正在从这里使用卡-> https://material-ui.com/
1回复

如何更改表材料UI / React的宽度?

我正在使用React.JS和Material UI制作应用程序。 我将表组件用于我的应用程序。 我可以改变列的宽度,但我不能改变表的宽度。 表格的宽度应与标题组件的宽度相同。(紫色)。 我怎样才能做到这一点? 请在下面找到当前视图。 我会很感激任何建议。 非常感谢你
1回复

react-bootstrap和材料ui外观

在我的Web应用程序中,我正在使用react-bootstrap 。 即,基于Bootstrap构建的React组件。 我想自定义Bootstrap的外观和感觉,而且我喜欢Material设计-因此我进行了一些搜索,发现bootstrap-material-design 。 我想知道我是否
1回复

如何在react材料-ui日期选择器中设置日期按钮的样式

我在反应项目中有材料 - 日期选择器,我需要知道如何设置日期按钮的样式。具体来说,更改可用日期的文本颜色。 从截图中可以看出,默认情况下它是黑色的。 我试过以下没有运气: 我真的希望它是可行的。 先感谢您。
2回复

为什么在材料-ui-next“卡片”的示例中看不到图像?

该示例来自material-ui-next网站,但是当我尝试在计算机上运行该图像时,以某种方式我看不到该图像即“蜥蜴图像”。 为什么可以看到图像? 我的控制台没有错误,网站上的“ simple card”示例对我有用,但没有像“ Lizard”这样的图像。 (我认为我的错误是在图像的路
1回复

卡片中的 TableCell 文本在 React 中溢出

我在一张桌子卡片里有一张桌子,我在它的 TableCell 上有问题。 如果这个词太长,它就会横向溢出。 我如何将它打破到下一行? 请看那里的“代码”,因为它溢出了 请在此处查看我的代码和框,请单击此处
2回复

如何在material-ui卡片组件中获得相同的宽度?

如何让这些卡片的宽度相同? 当我在 material-ui 中使用 flexbox 时,这些卡片的宽度大小不同。 我怎样才能解决这个问题? 我应该使用 Grid 吗? 这是卡片组件和屏幕。 flexbox 我申请的屏幕。 卡片组件 卡片样式 屏幕
1回复

如何使用 Material-UI 在 React 中心垂直对齐卡片中的按钮?

我在 ReactJS 中使用 material-ui 制作了 3 张卡片,所以我面临的问题是第一张卡片的段落小,第二张和第三张卡片的段落稍大,所以当我放置按钮时,按钮的位置不同在所有 3 张卡片中,因此每个段落按钮在垂直中心没有正确对齐。 我附上了我面临的问题的图片。 [1]: https :