2010-04-28 20 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小部件相同的行?

回答

3

添加樣式「display:inline-block;」到ui-icon, 或者將我的菜單換成跨度並使用花車

+0

謝謝大衛! 「元素將生成一個塊框,作爲一個內聯框放置」。那是什麼意思? – 2010-04-28 15:28:52

+1

這意味着您可以設置ui圖標範圍的寬度,高度和邊距(框屬性)(通常無法使用跨度)。在內聯中,它不會將所有內容都推到下一行,如div(這是塊或非內聯) – davidosomething 2010-04-28 15:46:36