在我的 asp.net mvc 应用程序布局中,我有 css 样式,如下图所示:
<div class="col-md-6 col-sm-6 additional-nav">
<ul class="list-unstyled list-inline pull-right">
<li><a href="shop-account.html">My Account</a></li>
<li><a href="shop-wishlist.html">My Wishlist</a></li>
<li><a href="shop-checkout.html">Checkout</a></li>
<li><a href="page-login.html">Log In</a></li>
</ul>
</div>
我添加了一种 razor 语法的表单类型,但样式已更改为以下内容:
<div class="col-md-6 col-sm-6 additional-nav">
<ul class="list-unstyled list-inline pull-right">
<li><a href="shop-account.html">My Account</a></li>
<li><a href="shop-wishlist.html">My Wishlist</a></li>
<li><a href="shop-checkout.html">Checkout</a></li>
@if (Request.IsAuthenticated)
{
using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm" }))
{
@Html.AntiForgeryToken()
<li>
@Html.ActionLink("Hello " + User.Identity.GetUserName() + "!", "Index", "Manage", routeValues: null, htmlAttributes: new { title = "Manage" })
</li>
<li><a href="javascript:document.getElementById('logoutForm').submit()">Log off</a></li>
}
}
else
{
<li>@Html.ActionLink("Register", "Register", "Account", routeValues: null, htmlAttributes: new { id = "registerLink" })</li>
<li>@Html.ActionLink("Log in", "Login", "Account", routeValues: null, htmlAttributes: new { id = "loginLink" })</li>
}
</ul>
</div>
你认为问题是什么?!我怎样才能实现第一个设计?任何帮助表示赞赏,提前致谢。
最佳答案
我不是 css 专家,但我认为这可以通过 css 来完成。
在表单标签中添加样式属性,如:
new { style="display: inline-flex;" }
关于html - 为什么 Razor 语法会破坏 css 样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36581121/