- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用 <Typography.Paragraph>
组件显示列表中某些项目的描述。我想将描述中的行数限制为 2。
现在我可以使用 ellipsis
<Typography.Paragraph>
的 Prop 将描述限制为仅显示 2 行并将其设置为可扩展。但是,我似乎无法找到一种方法将文本折叠回带有省略号的 2 行 (...)
这是我当前代码的一个片段。
const listOfLongText = [.....];
listOfLongText.map((text,i) => {
<Paragraph ellipsis={{ rows: 2, expandable: true }}>
{text}
</Paragraph>
})
我知道 onExpand
ellipsis
的回调Paragraph
的 Prop 但不确定如何使用 onExpand
在展开和折叠功能之间切换
<Typography.Paragraph>
API定义here
如果您需要更多信息,请发表评论,我会提供。
最佳答案
当前的antd
版本(3.23.4
)没有这个选项。
你需要通过状态来控制它,例如:
<Paragraph
ellipsis={{
rows: 3,
expandable: true,
onExpand: this.typoExpand
}}
>
Ant Design, a design language for background applications, is refined by Ant
UED Team. Ant Design, a design language for background applications, is
refined by Ant UED Team. Ant Design, a design language for background
applications, is refined by Ant UED Team. Ant Design, a design language for
background applications, is refined by Ant UED Team. Ant Design, a design
language for background applications, is refined by Ant UED Team. Ant Design,
a design language for background applications, is refined by Ant UED Team.
</Paragraph>;
关于reactjs - 如何切换 antd Typography.Paragraph 省略号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58151314/
我正在制作一款打算在 future 进行本地化的软件。我想知道省略号(...指示一个 Action 打开一个新窗口/对话框)通常是如何本地化的。 所有语言都这样使用省略号吗?我可以在自己的代码中安全地
我正在尝试实现以下布局(请参阅下面的屏幕截图)。 如果 SPAN 和 B 都符合条件 - 它们只是一个接一个。 如果没有 - SPAN 有一个省略号,但 B 完全显示(它永远不会大于整个 block
我理解点-点-点的一般含义。当我想创建自己的参数数量未知的函数时,我了解如何使用它。 我不明白它是如何工作的,例如函数 variable.names()。当我执行 ?variable.names 时,
在 jqGrid 中,如果文本不适合并被截断,是否有一种本地方法可以在列末尾显示“...”? 我看到有一个 ui-ellipsis 类,但我很困惑,如果文本被截断,它是否会自动添加,以及一旦调整列大小
我有几个 JS 语法问题。 首先,有什么好的资源可以帮助您快速掌握与以下类似的 JS 语法? 代码中,Q1和Q2是标签吗?另外,...的用途是什么? const Q1: Query = { 'is
我正在阅读一些旧代码,这些代码似乎旨在删除目录中的一系列句点 (......)。它利用 java 正则表达式来完成此操作。这是使用的代码。 input = input.replaceAll( ".*.
关闭。这个问题需要debugging details .它目前不接受答案。 编辑问题以包含 desired behavior, a specific problem or error, and t
我正在尝试让省略号像这样工作:http://jsfiddle.net/583mK/1/ 有趣的是,它在 jsFiddle 上运行良好。奇怪的是,它提供了完全相同的 HTML/CSS,但它在我的应用程序
我有多个不同长度的标题,我希望它们总是占用 1 行并在它们不适合时留下悬挂点/省略号 (...)。我不能只更改 div 中的文本,因为其中的 h2 每天都会自动更改。 这是我的代码:http://js
有十亿个教程,但不幸的是,没有一个对我有用。我需要一些艺术家姓名在标题中,居中,但带有 css 省略号,所以很长的名字会得到“...”并将被截断。 您可以在此处查看设计:http://www.cphr
这个问题在这里已经有了答案: text overflow ellipsis: avoid word break (3 个答案) 关闭 3 年前。 我正在显示带有省略号的文本。在我当前的 CSS 中,
我要画圈 ,就像这张图片: 我试过这段代码。 .discussion:after { content: '\2807'; font-size: 1em; background: #2d34
我在玩python。我在 IDLE 中使用了以下代码: p = [1, 2] p[1:1] = [p] print p 输出是: [1, [...], 2] 这是什么[…]?有趣的是,我现在可以将其
我对省略号很陌生,但即使我将变量分配为 false,以下内容也会返回 true。 PS:注意 if 条件。 import system.obj.* from elipsis.system; iff(e
我正在使用 alabama 包中的 constrOptim.nl 进行非线性优化。但是,我的问题更多地与传递参数(和点-点-点(省略号/“...”)和可能的 do.call)有关 - 所以我首先给出一
例如,我知道如何使用 numpy 对数组进行切片 v[1, :, :] 现在我想要一个函数将切片 (1,1,None) 作为输入并返回 v[1,:,:] 问题是我不知道如何表示省略号 最佳答案 您可以
我有一个宽度设置为 100%。里面是一个带有文本字符串的 div,如果文本宽度溢出,我想在其中添加省略号。 在 javascript 中,我设置了 的宽度到 的宽度这在加载(或刷新)时工作正常,但
有什么方法可以使用 Angular js 对字符串进行子串并在末尾添加省略号,同时忽略 anchor 标记(如果它位于子字符串内部)? 例如,我的文字是: Lorem Ipsum has been t
我不知道为什么这个简单的CSS无法正常工作... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden;
这个问题在这里已经有了答案: text-overflow is not working when using display:flex (5 个答案) 关闭 3 年前。
我是一名优秀的程序员,十分优秀!