从语义UI模仿玉

时间:2014-05-10 11:37:47

标签: node.js pug semantic-ui

我有来自SemanticUI的HTML,它显示用户图标右侧的文本:

<h1 class="ui header">
  <i class="user icon"></i>
  Create Your Account
</h1>

我试图用Jade重新制作它:

h1.ui.header
  i.user.icon
  Create Your Account

然而,这并没有正常工作,因为我认为Jade需要某种类型的html标签来运作,并且“#34;创建您的帐户”#34; line没有。

因此我也尝试了这个:

h1.ui.header
  i.user.icon
  span Create Your Account //also with div and p but these are display:block so no luck

但是&#34;创建您的帐户&#34;文本显示在用户图标下方,我需要它出现在右侧。

1 个答案:

答案 0 :(得分:1)

另外,在带有玉石模板的标签之后放置文本时,需要使用管道符号:

 h1.ui.header
    i.user.icon
    | Create Your Account

将生成:

<h1 class="ui header"><i class="user icon"></i>Create Your Account</h1>

您可以在jade demo page上尝试。

希望这有帮助。