如何防止Pug折叠两个标签之间的所有空白？

Question

当我在模板中执行此操作时：

div(class="field")
    label Password
    input(type="password")

我得到以下输出：

<div class="field"><label>Password</label><input type="password"></div>

因此，标签和输入标签之间的空间为零，而不是普通HTML文件中位于两行的它们之间的空间。

如何在Pug模板中以最小的丑陋方式在两个元素之间获得标准的单个空格？我可以使用CSS来修复间距，但这似乎要增加很多细节，只是在不使用Pug的情况下获得标准的HTML功能。

Answer 1

Pug documentation演示了如何使用竖线字符控制空格。

div(class="field")
    |
    label Password
    |
    input(type="password")

这应该呈现：

<div class="field">
    <label>Password</label>
    <input type="password"/>
</div>

Answer 2

这就是我想要/期望的（在渲染的HTML输出中，在两个元素之间恰好放置一个空格）。

div(class="field")
    label Password
    = ' '
    input(type="password")

在行首使用=运算符可以插入Java表达式。所以在这里，我要插入一个包含单个空格的字符串。