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

【问题标题】：How to add a space character between two <div>s after Jade rendering?Jade渲染后如何在两个<div>之间添加空格？
【发布时间】：2016-06-14 16:30:23
【问题描述】：

输入：

.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？

谢谢，

【问题讨论】：

【解决方案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

【讨论】：

我否决了这个答案，因为它实际上并不完全正确。您不应使用&sp;，因为它与常规空格字符不完全相同。此处描述了更正确的方法：stackoverflow.com/a/22220139/339176。 TL;DR：如果你想要一个不间断的空间，请使用&nbsp;，或者使用&#32;（或十六进制的&#x20;）来获得真正的空间。 &#32; 是我在代码中使用的，效果很好。
| #{' '} 我必须写下完整的答案评论。有用！。谢谢。