node.js - 来自 SemanticUI 的 Jade 模板

Question

我有这个来自 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 标签才能运行，而“创建您的帐户”行没有。

因此我也尝试了这个：

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

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

Answer 1

在其他使用玉模板的标记之后放置文本，您需要使用管道符号：

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

将产生：

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

您可以在翡翠演示页面上试用。

希望这可以帮助。