Antd ToolTip 宽度如何调整

作者：时鹏亮 | 更新时间：04/29/2022 06:46:59
请知悉：本文最近一次更新为 2年 前，文中内容可能已经过时。

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

示例代码如下：

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

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

参考资料

Antd Form.Item toolTip 修改宽度

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

如本文对您有用，捐赠和留言 将是对我最好的支持~（捐赠可转为站内积分）
如愿意，请向朋友推荐本站，谢谢。

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

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

留言

avatar
😀
😀😁😂😅😭🤭😋😘🤔😰😱🤪💪👍👎🤝🌹👌