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处理!