Asp.net mvc 未在导航栏上为用户名正确设置下拉列表

签出下拉列表位置不正确。 它随着用户名的增加而变化

<ul class="navbar-nav mr-auto" >
    <li class="nav-item active pl-5">
        <a class="nav-link" href="/">Home
        <span class="sr-only">(current)
        </span>
        </a>
    </li>

    <li class="nav-item active pl-5">
        <a class="nav-link" href="/Home/Dashboard">Dashboard
        </a>
    </li>

    <li class="nav-item active pl-5">
        <a class="nav-link" href="/Visitor/VisitorAnalysis">Visitors Analysis
        </a>
    </li>

    <li class="nav-item dropdown pl-5">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Users
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
            <a class="dropdown-item" href="/Users">Users List
            </a>
            <a class="dropdown-item" href="/Users/Create">User Create
            </a>
        </div>
    </li>
</ul>

<form class="form-inline my-2 my-lg-0 pl-5">
    @if (User.Identity.IsAuthenticated)
    {
        <ul style=" list-style-type: none;">
            <li class="dropdown">
                <a href="#" data-toggle="dropdown" style="text-decoration:none">
                    <span class="float-right">

                        @User.FindFirst("name").Value
                        <img src="~/images/Laura_Bush_portrait.jpg" class=" rounded-circle ml-3" style="width:26px;height:26px;" />

                    </span>

                    <b class="caret">
                    </b>
                </a>
                <ul class="dropdown-menu dropdown-menu-right" style="margin-top: 33%;min-width:7rem; display: none;">
                    <li>
                        <a href="/AzureAD/Account/SignOut" style="margin-left:4%;">Sign out
                        </a>
                    </li>

                </ul>
            </li>
        </ul>
    }

    else
    {
        <div class='quick-area'>
            <div class='pull-right'>
                <ul style=" list-style-type: none;">
                    <li class="nav-item">
                        <a asp-area="AzureAD" asp-controller="Account" asp-action="SignIn" style="color:rgb(22,53,71)">Sign in
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    }
</form>

@if（User.Identity.IsAuthenticated）
{








}
其他的
{


在显示用户名时，可以使用CSS wrap word属性设置用户名长度

.
您可以在显示用户名时使用CSS wrap word属性设置用户名长度

.
添加用户名并根据方框大小调整宽度添加用户名并根据方框大小调整宽度