1

ユーザー アイコンの右側にテキストを表示する SemanticUI の HTML があります。

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

ジェイドを使用してこれを再現しようとしています:

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

ただし、Jade が機能するにはある種の html タグが必要であり、「Create Your Account」行にタグがないため、これは適切に機能しません。

したがって、私もこれを試しました：

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

しかし、「Create Your Account」テキストがユーザー アイコンの下に表示され、右側に表示する必要があります。

4

1 に答える 1

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のデモページで試すことができます。

お役に立てれば。

于 2014-05-10T12:38:48.410 に答える