如何在 Material UI CardHeader 中将省略号应用于标题

Question

我正在使用Material-UI并尝试将省略号应用于 中的底层 Typography 组件CardHeader，但传递noWrap到titleTypographyProps似乎不起作用。

我需要以CardHeader某种方式覆盖吗？我尝试max-width: 100%对两者CardHeader和底层Typography组件进行设置，但没有成功。

演示

Answer 1

问题出在MuiCardHeader-contentflex上。您需要给它一个宽度，以便它可以在其父级中显示自己。

.MuiCardHeader-content {
    flex: 1 1 auto;
    width: 100%;
}