gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 13:53:09 25 4
gpt4 key购买 nike

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

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

演示

Edit determined-archimedes-p8pvj

最佳答案

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

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

关于css - 如何将省略号应用于 Material UI CardHeader 中的标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59356314/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com