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

在其他情况下，要将文本放在带有 Jade 模板的标签后面，您需要使用管道符号:

 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 上尝试一下.

希望这有帮助。