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

Question

在我的应用程序中，如果我有这样一段缩进良好的标记：

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

它呈现为FOO BAR。同时：

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

呈现为FOOBAR

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

Answer 1

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

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

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

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

div label {
  float: left;
}

div span {
  float: left;
}

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