Jade渲染后如何在两个<div>之间添加空格字符？

Question

输入：

.a text1
.b text2

输出将是：

<div class="a">text1</div><div class="b">text2</div>

第二个<div>接近第一个，没有任何空格或 LF。

然而，这是我真正想要得到的：

<div class="a">text1</div>
<div class="b">text2</div>

或者：

<div class="a">text1</div> <div class="b">text2</div>

因为我在使用时需要在它们之间留一个空格display:inline-block。我不想在 CSS 中设置边距。

有没有可能让玉不吃我的空间或LF？

谢谢，

Answer 1

这段代码

.a text1
| &sp;
.b text2

编译为

<div class="a">text1</div>
&sp;
<div class="b">text2</div>

&sp;是中等空间（http://www.w3.org/）

更新： 或使用此代码

- var space = ' '
.a text1
| #{space}
.b text2