当使用玉的“漂亮”选项时,如何防止单个区块中的元素之间的空格?

一般来说,我喜欢漂亮的select。 我喜欢我的HTML是可读的, pretty帮助。 但是有时候会阻碍。 例如。

 x.do-not-care-about-spaces It can go either way here. y.please-no-spaces These y.please-no-spaces Should y.please-no-spaces Touch 

我想看到的是:

 <x class="do-not-care-about-spaces">It can go either way here.</x> <y class="please-no-spaces">These</y><y class="please-no-spaces">Should</y><y class="please-no-spaces">Touch</y> 

但是我所看到的是

 <x class="do-not-care-about-spaces">It can go either way here.</x> <y class="please-no-spaces">These</y> <y class="please-no-spaces">Should</y> <y class="please-no-spaces">Touch</y> 

我知道有几种方法可以解决这个问题(用css,把html放在jade文件中),但是我希望的是用jade的方式来做到这一点。

编辑:更新示例标签,而不是divs的例子。 我特别要问的是如何控制jade HTML输出中的DOM节点之间的空间,而不是渲染的网页上的元素之间的视觉空间。

关于github回购有一个类似的问题 , 重要的评论是:

不,目前不可能只强制部分文档进入漂亮/普通模式。 对此的一般build议是使用正常(非漂亮)模式,这是默认的正是这个原因。 当页面格式化实际需要时,可以使用= ' ' (在它自己的行上)显式地添加空格。

一个<div>元素占据了整行,所以它也被渲染。

我认为你需要的是<span>标签

 span.no-space These span.no-space Will span.no-space Touch 
 <span class="no-space">These</span><span class="no-space">Will</span><span class="no-space">Touch</span> 

顺便说一句,还有内联的语法,如果你把标签放在一行中,这个语法就更有意义了

 #[span.no-space These]#[span.no-space Will]#[span.no-space Touch] 

请注意,这个语法不会让div出现在一行中,但你仍然需要使用跨度。