jQueryUI texte widget icône plus

J'ai:jQueryUI texte widget icône plus

<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>

En ce moment, l'interface-icône apparaît ci-dessous "Mon Menu"

Q: Comment puis-je obtenir "Mon Menu" apparaisse sur la même ligne que le widget UI?

Source

2010-04-28 Phillip Senn

ajouter le style "display: inline-block;" pour ui-icône, ou envelopper mon menu dans une durée et utiliser des flotteurs

Source

2010-04-28 15:24:20 davidosomething

Merci David! "L'élément va générer une boîte de bloc, présentée comme une boîte en ligne". Qu'est-ce que ça veut dire? –

Cela signifie que vous pouvez définir la largeur, la hauteur et la marge (propriétés de la boîte) de l'intervalle ui-icon (ce que vous ne pouvez normalement pas faire avec un span). Étant en ligne, il ne va pas pousser tout autour de lui à la ligne suivante comme un div (qui est bloc, ou non-inline) – davidosomething

jQueryUI texte widget icône plus

Répondre

Questions connexes