写内联标签玉

时间:2016-04-27 08:32:31

标签: html5 pug

我想写:

<ul><li><a href="#">one</</a></li></ul><ul><li><a href="#">two</</a></li></ul><ul><li><a href="#">three</</a></li></ul>

我已经尝试过这个问题,但它只是内联<ul>我如何内联所有<li> s

Jade -- nested html tag in one line

谢谢!

1 个答案:

答案 0 :(得分:0)

以下玉:

ul: li: a(href='#') one
ul: li: a(href='#') two
ul: li: a(href='#') three

应该呈现为以下html:

<ul>
  <li><a href="#">one</a></li>
</ul>
<ul>
  <li><a href="#">two</a></li>
</ul>
<ul>
  <li><a href="#">three</a></li>
</ul>

如果您希望<li>下的所有<ul>代码都使用以下玉:

ul
  li: a(href='#') one
  li: a(href='#') two
  li: a(href='#') three

然后将呈现为以下html:

<ul>
  <li><a href="#">one</a></li>
  <li><a href="#">two</a></li>
  <li><a href="#">three</a></li>
</ul>