antd 中的 tooltip 组件默认宽度比较小,超出宽度会自动换行。如果我们的提示文字刚好超过了一点,还不想换行,那么可以通过 overlayStyle 重写样式来调整宽度。
const { createRoot } = ReactDOM;
const { Tooltip } = antd;
const App = () => (
<Tooltip title="码农资源网(www.codesou.cn),分享IT知识技术,为热爱技术的人而生" overlayStyle={{maxWidth:600}}>
<span>码农资源网</span>
</Tooltip>
);
const ComponentDemo = App;
createRoot(mountNode).render(<ComponentDemo />);
想要了解更多内容,请持续关注码农资源网,一起探索发现编程世界的无限可能!
本站部分资源来源于网络,仅限用于学习和研究目的,请勿用于其他用途。
如有侵权请发送邮件至1943759704@qq.com删除
码农资源网 » antd 修改 tooltip 组件默认宽度
本站部分资源来源于网络,仅限用于学习和研究目的,请勿用于其他用途。
如有侵权请发送邮件至1943759704@qq.com删除
码农资源网 » antd 修改 tooltip 组件默认宽度