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

时间:2014-04-05 03:08:09

标签: html pug pugjs

输入:

.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

因为我在使用{{1}}时需要在它们之间放置一个空格。我不想在CSS中设置边距。

是否有可能让玉不吃我的空间或LF?

谢谢,

1 个答案:

答案 0 :(得分:3)

这段代码

.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