css - 如何将省略号应用于 Material UI CardHeader 中的标题

Question

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

我是否需要以某种方式覆盖 CardHeader？我尝试在 CardHeader 和底层 Typography 组件上设置 max-width: 100% 但没有成功。

演示

Answer 1

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

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