Site icon 时鹏亮的Blog

Antd ToolTip 宽度如何调整

请知悉:本文最近一次更新为 3年 前,文中内容可能已经过时。

ToolTip是个常用鼠标浮动后显示提示信息的组件,但宽度有时不够,如何调整呢?

示例代码如下:

<ProFormSwitch name = 'env'
label = 'env'
tooltip = {{
title: '巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。巴拉巴拉巴拉,超级长的介绍。',
overlayStyle: { maxWidth: 600 },
placement: 'right'
}}

上述代码还调整了浮动提示框的默认位置到右侧。


参考资料

Antd Form.Item toolTip 修改宽度


如您从本文得到了有价值的信息或帮助,请考虑扫描文末二维码捐赠和鼓励。

尊重他人劳动成果。转载请务必附上原文链接,我将感激不尽。


与《Antd ToolTip 宽度如何调整》相关的博文:

Exit mobile version