我正在 ASP.Net MVC4 中开发一个应用程序,并且遇到了一个奇怪的空白问题。我用 Razor 开发了很多 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 中指定)
在 Google Chrome 中查看该页面,源显示额外的空格。见下图:
IE10 中也存在类似问题。这显然影响了设计。我尝试过使用梅莱兹网 https://github.com/meleze/Meleze.Web删除任何额外的空格,但空格仍然存在。
我对这个网站感到不知所措,因为到目前为止它是一个相对简单的网站,还没有发生任何有趣的事情,所以我看不出这个空白是从哪里来的。
之前有其他人在 MVC4 或 Razor 中见过这种情况吗?
编辑:我尝试删除所有样式表和脚本文件,空白仍然存在。