Jade从SemanticUI模板

我从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 

然而，这不能正常工作，因为我觉得玉需要某种types的HTML标签的function和“创build您的帐户”行没有一个。

所以我也试过这个：

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

但“创build您的帐户”文本出现在用户图标下方，我需要它出现在右侧。

Answer 1

在其他的放置标签后用玉模板文本，你需要使用pipe道符号：

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

会产生：

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

你可以在jade demo页面试试。

希望这可以帮助。