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您的帐户”文本出现在用户图标下方,我需要它出现在右侧。
在其他的放置标签后用玉模板文本,你需要使用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页面试试。
希望这可以帮助。