我在演示者中有这个片段:
html << helpers.content_tag(:li, class: 'dropdown-header') do
helpers.content_tag('span', "Status: #{online_srt}", class: 'glyphicon glyphicon-off')
end
生成的html就是这个
<li class="dropdown-header">
<span class="glyphicon glyphicon-off">::before Status: Online</span>
</li>
使输出看起来很奇怪
在线&#39;字符串在&#39;状态&#39;之后有很多空格,这没有任何意义。我认为::before
是负责这个的人......我怎么做才能在没有这个::之前打印输出?
答案 0 :(得分:1)
你有一些伪元素,比如你的css文件中的.glyphicon:before
。
你使用twitter bootstrap吗?它建议使用字形图标的另一种方法。您需要在span
标记之后放置文字,例如
<li class="dropdown-header">
<span class="glyphicon glyphicon-off"></span>Status: Online
</li>