如何删除下拉菜单和菜单之间的蚂蚁设计空间？

Question

在此处输入图像描述

你好，我想删除菜单和按钮之间的空格，所以按钮和下拉菜单将合并。我不知道该怎么做，你能帮我吗？我找不到如何删除它。

Answer 1

您可以通过将Button封装在span元素中来完成此操作。像这样：

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

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

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

我已经在stackblitz上实现了一个示例，您可以查看它。

Answer 2

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