antd design中怎么修改Tooltip的提示框的宽度

在 Ant Design 中，你可以通过自定义样式来修改 Tooltip 提示框的宽度。

首先，给 Tooltip 组件添加一个 `overlayStyle` 属性，并设置一个自定义的样式对象，例如：

import { Tooltip } from 'antd';

const customStyle = {
  width: 200, // 设置宽度
};

const App = () => (
  <Tooltip title="这是一个宽度为200px的提示框" overlayStyle={customStyle}>
    <span>Hover me</span>
  </Tooltip>
);

export default App;

在上面的例子中，我们通过 `overlayStyle` 属性将自定义的样式应用到 Tooltip 的提示框上，并设置宽度为 200px。

另外，你也可以使用 CSS 类选择器来修改 Tooltip 的样式。在你的 CSS 文件中添加以下样式：

.ant-tooltip-inner {
  width: 200px;
}

然后，在应用程序中引入该 CSS 文件，例如：

import React from 'react';
import ReactDOM from 'react-dom';
import 'antd/dist/antd.css'; // 引入 Ant Design 的默认样式
import './custom.css'; // 引入自定义样式
import App from './App';

ReactDOM.render(<App />, document.getElementById('root'));

这样，所有的 Tooltip 提示框的宽度都会被修改为 200px。

希望这些信息对你有所帮助！如有其他问题，请随时提问。