jquery ui图标没有在内联范围内工作

Question

正如您在此处所见：http://jsfiddle.net/kralco626/3BYDu/

使用display:inline

时，图标不会显示

我该如何解决这个问题？

Answer 1

在ui-icon之前使用ui-icon-ICON并使用CSS display:inline-block应该正常工作

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

Answer 2

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

编辑格式。

Answer 3

好吧，我想你可以尝试使用内联块而不是内联块。