index.md

title	EllipsisText 长文本省略显示
group	组件
toc	content
demo	cols 2

EllipsisText 长文本省略显示

何时使用

用于长文本省略，根据最近块级父元素自动计算文本最大宽度，也可以手动传最大宽度，hover 显示完整内容。

注意

• 宽度的计算过程是一个比较耗时的动作，同一页面内该组件使用次数保持在 100 个以内，如果存在性能问题，考虑先支持虚拟滚动等技术后，在使用该组件。

示例

API

参数	说明	类型	默认值
value	显示文本内容	ReactNode | () => ReactNode	-
title	提示文字	ReactNode | () => ReactNode	value
className	为文本内容所在节点添加自定义样式名	string	-
maxWidth	文本内容的最大宽度，默认自动计算父元素中的剩余宽度作为文本的宽度	string | number	-
watchParentSizeChange	监听父元素大小的变更，默认监听 window 窗口	boolean	false

:::info 其余参数继承自 继承 antd4.x 的 Tooltip :::