reactjs - 如何在 Ant 设计中给文本溢出省略号以折叠标题

Question

我正在使用 Ant 设计 Collapse ，当文本溢出时我想要折叠标题的省略号

我这样用过，但是没有用，有人可以帮我吗？

.ant-collapse-header{
width:50px
    text-overflow: ellipsis;
}

谢谢，

标签： reactjsantd

Answer 1

使用下面的 CSS，它必须工作。但是，如果您希望将其缩放为全宽但没有新行，则不需要宽度属性。

.ant-collapse-header {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}