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 появляется ниже "My Menu"

Q: Как я могу получить "Мое меню", чтобы появиться на в той же строке, что и виджет пользовательского интерфейса?

ответ

3

добавить стиль «дисплей: встроенный блок»; на ui-icon, или оберните мое меню в промежутке и используйте поплавки

+0

Спасибо David! «Элемент будет генерировать блок-блок, выложенный как встроенный блок». Что это значит? –

+1

, что означает, что вы можете установить ширину, высоту и поле (свойства окна) интервала ui-icon (который обычно не может быть с диапазоном). Будучи встроенным, он не будет толкать все вокруг него к следующей строке, как div (который является блочным или нестрочным) – davidosomething

Смежные вопросы