jquery ui-icon funktioniert nicht bei inline-span

Wie man hier sehen kann: http://jsfiddle.net/kralco626/3BYDu/

Das Symbol nicht angezeigt, wenn Sie verwenden display:inline

Wie bekomme ich dieses?

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

    Bearbeiten, die für die Formatierung.

    • schön, funktioniert, danke.
    • froh zu helfen.
    InformationsquelleAutor Vinnyq12
  2. 11

    Verwendenui-icon vor der ui-icon-ICON und verwenden Sie die CSS - display:inline-block sollte einwandfrei funktionieren

    <span class="ui-icon ui-icon-home" style="display: inline-block"/>
    InformationsquelleAutor Hugo Prudente
  3. 4

    Gut, ich denke, Sie könnten versuchen, inline-block statt inline.

    • es zeigt, sondern unter dem text. Ich denke, die ui-icon Klasse gibt es inline-block
    • Ah, die browser-Kriege. In meinem Firefox, inline-block rendert das Symbol neben dem text. In meinem Internet-Explorer, gibt es nicht. Am besten gehen Sie mit Vinnyq12 Antwort
    • lol, ya und ich wurde getestet mit chrome 🙂 können wir nicht einfach alle Stimmen in einem browser?
    • IE7 nicht inline-block, und der IE8 wird nur der inline-block, wenn Sie mit einem richtigen doctype. Sie können fake it durch googeln bis das styling für goog-inline-block, aber es ist am einfachsten zu schweben.
    InformationsquelleAutor Yiangos
Schreibe einen Kommentar