下拉项宽度

Question

你好。

如果有人可以请帮助我。

我正在借助 Bootstrap 在 React 中创建一个下拉菜单。我做了所有事情，但下拉项目没有占据整个宽度。即使我将其设置为 100%，它也不会占用，并且阴影也会出现在它上面，我似乎无法将其移除。我是初学者，还在学习，所以如果这不是一个好问题，请原谅我。哈哈。

这个屏幕截图是在我将宽度设置为 100% 之后。

100% 宽度：

这是我将宽度设置为 0% 时的屏幕截图。它会移除阴影，但该项目不会占用整个区域。

0% 宽度：

这是我的代码。我在 React 中使用 Bootstrap。

主要组件：

CSS：

正如我所说，我正在学习，所以我不知道解决这个问题的正确方法是什么。

Answer 1

尝试将其添加到您的 CSS：

text-align: justify;
display: inline-block;