antd 修改 tooltip 组件默认宽度
admin 阅读:111 2024-03-01
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 />);
声明
1、部分文章来源于网络,仅作为参考。 2、如果网站中图片和文字侵犯了您的版权,请联系1943759704@qq.com处理!



