我正在ASP.Net MVC4开发一个应用程序,并且有一个奇怪的问题与空白.我已经开发了大量的MVC3网站与剃刀没有这个问题.
这是我的模板cshtml文件:
<!DOCTYPE html> <html> <head> <Meta name="viewport" content="width=device-width" /> <title>HF - Content Management - @ViewBag.Title</title> <link href="@Url.Content("~/content/bootstrap/bootstrap.min.css")" rel="stylesheet" /> @Styles.Render("~/bundles/css/hf-cms-logged-in") </head> <body> @Html.Partial("Partials/NavBar") <div class="container">@RenderBody()</div> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="@Url.Content("~/scripts/bootstrap/bootstrap.min.js")"></script> @Scripts.Render("~/bundles/js/validation") <script src="@Url.Content("~/scripts/hf-cms.js")"></script> </body> </html>
注意与RenderBody()调用的线 – 这里没有无关的空白.
当我打电话时,渲染的身体前面加上了一些我看不到我添加的空格,似乎没有摆脱.我没有逻辑调用一个动作,它只返回以下视图:
@{ ViewBag.Title = "Dashboard"; } <h1>Dashboard</h1>
它肯定使用正确的模板(在_ViewStart.cshtml中指定)
在Chrome浏览器中查看该页面,源代码显示了额外的空格.见下图:
类似的问题可以在IE10中看到.这显然影响了设计.我试过使用Meleze.Web去除任何额外的空格,但是空格依然存在.
由于这是一个比较简单的网站,目前还没有什么好玩的,所以我看不到这个空白来自哪里.
有没有人看过这个MVC4或剃须刀之前?