jquery ui icône ne fonctionne pas sur inline span

Comme vous pouvez le voir ici: http://jsfiddle.net/kralco626/3BYDu/

L'icône ne s'affiche pas lorsque vous utilisez display:inline

Comment puis-je contourner ce problème?

OriginalL'auteur kralco626 | 2011-05-30

  1. 5
    <table>
    <thead>
        <th>
            <div style="float:left">My Header</div>
            <div style="float:left" class="ui-icon ui-icon-triangle-1-n"></div>
        </th>
    </thead>
</table>

    Modifier pour la mise en forme.

    de belles œuvres, merci.
    ravi de vous aider.

    OriginalL'auteur Vinnyq12

  2. 11

    Utilisationui-icon, avant de le ui-icon-ICON et utiliser les CSS display:inline-block devrait fonctionner correctement

    <span class="ui-icon ui-icon-home" style="display: inline-block"/>

    OriginalL'auteur Hugo Prudente

  3. 4

    Bien, je suppose que vous pourriez essayer inline-block à la place de la ligne.

    il montre, mais dans le texte. Je pense que le ui-icon classe donne inline-block
    Ah, la guerre des navigateurs. Dans mon Firefox, inline-block rend l'icône à côté du texte. Dans mon Internet Explorer, il ne le fait pas. Mieux est d'aller avec Vinnyq12 réponse
    lol, ya et j'ai été le tester avec chrome 🙂 ne pouvons-nous pas tout simplement d'accord sur un navigateur?
    IE7 ne fait pas inline-block, et IE8 ne fera que inline-block si vous utilisez un bon doctype. Vous pouvez faux par googler le style pour goog-inline-block, mais il est plus facile de juste flotter.

    OriginalL'auteur Yiangos