JQuery와 UI 아이콘 문제

안녕하세요, 아이콘은 BR 할 않는 이유> 자체JQuery와 UI 아이콘 문제

내 말을 Heres 무엇을 :

출처 :

.ui-icon-bullet { background-position: -80px -144px; } 
    <span class="ui-icon ui-icon-bullet"></span> Hello

2010-07-10 Karem

JQuery UI CSS 테마 파일을 살펴 본다면 이 왼쪽으로 만드는 당신의 아이콘 요소 왼쪽 t

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

그래서 클래스 ui-icon 어떤 요소가 블록 (전후 따라서 < BR/>) 당신은 플로트를 적용하여이 동작을 변경할 수 있습니다로 표시됩니다 텍스트의

뭔가

<span class="ui-icon ui-icon-bullet" style="float:left;"></span> Hello

처럼은

2010-07-10 15:33:46

내 솔루션은 어떤 str을했다 할 것 이미 제자리에 있습니다. 텍스트 옆에 아이콘이 흐르 길 원했던 장소는 알려진 클래스가있는 div에 포함되어있었습니다. "인라인 블록 디스플레이"

HTML

<div class="sectionActions"> 
    Section Names <span class="ui-icon ui-icon-close"></span> 
</div>

CSS

.sectionActions .ui-icon 
{ 
    display: block-inline; 
}

에 "블록 디스플레이"나는 UI-아이콘의를 대체 내 주요 사이트에 CSS를 추가 할 수 있었다 이 CSS 우선 순위는 jquery-ui 파일의 원래 "display : block"CSS를 차단하고 모든 ui 아이콘이 같은 줄에 올바르게 표시되었습니다.

키스

2014-09-26 22:51:57

답변