我怎样才能删除下拉菜单和菜单之间的 ant design 的 space？

Question

enter image description here

你好，我想把菜单和按钮之间的space去掉，这样按钮和下拉菜单就合并了。我不知道该怎么做，你能帮我吗？我找不到如何删除它。

Answer 1

如果您在这里分享您编写的代码，我们会更好地帮助您。

Answer 2

您可以通过将 Button 包装在 span 元素中来实现。像这样：

 <Dropdown placement="bottomLeft" ...>
  <span>
    <Button>bottomLeft</Button>
  </span>
</Dropdown>

之所以有效，是因为 Dropdown 将根据直接放置在 <Dropdown> 内的元素的顶部计算其弹出位置，并且由于在上述解决方案中，span 具有 y-overflow ，因此弹出窗口将在 Button 和弹出窗口之间没有任何 space 显示。您可以通过设置 span 元素的样式来控制弹出窗口和 Button 之间的 space：

 <Dropdown placement="bottomCenter" ...>
   <span style={{ display: 'inline-block', height: 27 }}>
     <Button>bottomCenter</Button>
  </span>
 </Dropdown>

我已经实现了一个例子Here on stackblitz你可以看看。

我怎样才能删除下拉菜单和菜单之间的 ant design 的 space？

How can ı remove ant design's space between dropdown and menu?

css

antd