Razor引擎用空格代替代码中的换行符？

Question

在我的应用程序中，如果我有一个很好的缩进标记，如下所示：

linq-to-objects

呈现为 <div> <label>FOO</label> <span>BAR</span> </div> 。虽然这个：

FOO BAR

呈现为 <div> <label>FOO</label><span>BAR</span> </div>

我不想要空间，但我确实想在cshtml文件中保留缩进。

Answer 1

这不是Razor所做的，它只是HTML渲染的工作方式。查看浏览器中的原始HTML：

＆＃13;

＆＃13;

<div>
  <label>FOO</label>
  <span>BAR</span>
</div>

<div>
  <label>FOO</label><span>BAR</span>
</div>

＆＃13;

＆＃13;

＆＃13;

解决此问题的一种方法是将标签和跨度浮动到左侧：

＆＃13;

＆＃13;

div label {
  float: left;
}

div span {
  float: left;
}

＆＃13;

<div>
  <label>FOO</label>
  <span>BAR</span>
</div>

＆＃13;

＆＃13;

＆＃13;