javascript - Material-ui 工具提示无法正常工作

标签 javascript reactjs material-ui

我正在尝试使用material-ui工具提示。我希望工具提示显示在顶部。 即使在设置 placement="top" 之后 演示可以在here找到

我在这里做错了什么?

最佳答案

因为页面没有足够的空间在顶部位置显示工具提示 只需添加简单的填充,然后再试一次。

<div style={{padding: '50px'}}>
  <Tooltip placement="top" title="Chart Type">
    <IconButton >
      <ShowChart />
    </IconButton>
  </Tooltip>
  </div>

关于javascript - Material-ui 工具提示无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47975988/

相关文章:

javascript - 带或不带 http 和 www 的 URL 验证

javascript - 当屏幕尺寸小于500px时,使用javascript垂直堆叠图像

javascript - Material UI 自动完成实现,带有包含对象数组(ID 和标签)的选项

css - material-ui LeftNav 中的固定标题

javascript - HTML5 视频在 Safari 中不工作

javascript - jQuery ajax 发布大数据在 Chrome 和 Safari 中很慢

javascript - React Native 0.56 : bundle doesn't produce . 元文件 - 还需要吗?

javascript - 在函数中使用状态变量,无法读取未定义的属性 x (Functional React)

javascript - react +redux : state of store changed without view changing

reactjs - 在Material-UI中以编程方式打开工具提示