将[]设置垂直对齐方式> 标签作为导航栏项居中 我知道这类问题经常被问到，但是我在搜索结果中找不到答案。因此，在我的Razor视图中有一个导航栏，它包含两个项目：“主页”和“注销用户”： <nav class="navbar navbar-inverse navbar-fixed-top" > <div class="container"> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-left"> <li><a asp-area="" asp-controller="Home" asp-action="Index">Home</a></li> </ul> <ul class="nav navbar-nav pull-right"> @if (SignInManager.IsSignedIn(User)) { <li> <form method="post" asp-action="logout" asp-controller="Account"> <button type="submit" class="navbar-link btn btn-link" > Logout @User.Identity.Name </button> </form> </li> } else { <li><a asp-area="" asp-controller="Account" asp-action="Register">Register</a></li> <li><a asp-area="" asp-controller="Account" asp-action="Login">Login</a></li> } </ul> </div> </div> </nav> 问题是“注销用户”标签没有垂直居中对齐，并且比“主页”标签稍高。 如何将“注销用户”标签的垂直对齐方式设置为居中，以便此标签调整为“首页”标签？ 我知道这类问题经常被问到，但是我在搜索结果中找不到答案。因此，在我的Razor视图中，有一个导航栏，它包含两个项目：“主页”和“注销...”>

Question

我知道这类问题经常被问到，但是我在搜索结果中找不到答案。因此，在我的Razor视图中有一个导航栏，它包含两个项目：“主页”和“注销用户”：

Answer 1

充分利用强大的Flexbox。

您可能需要进行调整，以使其对所有.container选择器都有效，但它应该给您一个想法:-)