2014-10-13 1 views
0

나는 발표자에이 조각을 가지고 :content_tag 생성 이상한 HTML

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>

입니다

enter image description here

'온라인'문자열 뒤에 공백이 많이 있습니다. '상태', 그리고 이것은 말이되지 않습니다. 나는 ::before이 이것에 대한 책임이 있다고 생각한다 ... 나는 출력을하기 전에 이것을하기 위해서 무엇을 할 수 있을까? : before?

답변

1

CSS 파일에 .glyphicon:before과 같은 의사 요소가 있습니다.

트위터 부트 스트랩을 사용합니까? 문자 모양 아이콘을 사용하는 또 다른 방법을 제안합니다. span 태그 뒤에 텍스트를 넣어야합니다 (예 :

)
<li class="dropdown-header"> 
    <span class="glyphicon glyphicon-off"></span>Status: Online 
</li> 
+0

맞습니다! 감사 –