下拉元素与内部元素的宽度匹配

Question

该下拉菜单包含两个元素，每个元素中只有一张图片。这两张图片的大小相同。

我想使列表项的宽度与内部图像匹配。

<li class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
        <span class="glyphicon glyphicon-globe"></span>
    </a>
    <ul class="dropdown-menu">
        <li>
            <asp:ImageButton runat="server" ImageUrl="~/Resources/united-kingdom.png" OnClick="ChangeLanguage_English" Height="30px" Width="30px" />
        </li>
        <li>
            <asp:ImageButton runat="server" ImageUrl="~/Resources/germany.png" OnClick="ChangeLanguage_German" Height="30px" Width="30px"/>
        </li>
    </ul>
</li>

Answer 1

相应地设置componentDidMount() { window.scrollTo(0, 0) } 和/或ul的显示属性；

li