在Jade中创建内联元素的简洁方法是什么？

Question

我喜欢将所有内联元素放在一行中。

<ul>
  <li><a>click<span>here</span><strong>!</strong></a></li>

想知道在Jade中创建内联元素是否有更好的方法：

ul
  li 
    a(href="#") click 
      span here
      strong !

这有点接近，但我不确定如何在不破坏线条的情况下添加跨度和强力标签。

ul
  li: a(href='#') click
    span ...

这显然不是一个超级大问题，但有点烦人的是我不能将内联元素内联。谢谢你的帮助

Answer 1

Since version 1.0，jade支持内联代码：

#[tag(attribute='value') inner stuff]

在你的情况下：

ul
  li #[a(href="#") click  #[span here #[strong !]]]

Answer 2

今天自己跑到这里。找到了一种使用管道在玉石中做到这一点的方法。 这是我在p元素中包装强标记的示例。

p.some-class
    strong This Renders Strong                          
    |This renders normal

Answer 3

我还有一段时间也在努力;我找到的唯一答案就是使用HTML。

ul
  li: a(href='#') click<span>here</span><strong>!</strong>