下拉项宽度

Question

你好。

请帮助我。

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

此屏幕截图是在我将宽度设置为100％之后的。

100％宽度：

这是我将宽度设置为0％时的屏幕截图。它会去除阴影，但该物品不会占据整个区域。

0％宽度：

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

主要组件：

CSS：

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

Answer 1

尝试将其添加到您的CSS中：

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