2010-04-28 4 views
2

나는이 :jQueryUI 위젯 텍스트 플러스 아이콘

<div class="ui-widget"> 
    <div class="ui-widget-header"> 
     My Menu<span class="ui-icon ui-icon-circle-triangle-n"></span> 
    </div> 
    <ul class="ui-widget-content"> 
     <li>Menu Item 1</li> 
     <li>Menu Item 2</li> 
     <li>Menu Item 3</li> 
    </ul> 
</div> 

을 현재의 UI를-아이콘이 "내 메뉴"아래에 나타나고있다

Q : 내가 얻을 수있는 방법 "내 메뉴"가에 표시 UI 위젯과 같은 줄?

답변

3

"display : inline-block;"스타일을 추가하십시오. to ui-icon, 또는 스팬에서 내 메뉴 랩 및 수레 사용

+0

감사 데이빗! "요소는 인라인 상자로 배치 된 블록 상자를 생성합니다". 그게 무슨 뜻 이죠? –

+1

은 Ui 아이콘 스팬 (일반적으로 스팬으로 설정할 수 없음)의 너비, 높이 및 여백 (상자 속성)을 설정할 수 있음을 의미합니다. 인라인이기 때문에 div (블럭 또는 인라인이 아닌)처럼 다음 줄로 모든 것을 밀어 넣지는 않습니다. – davidosomething