我对CSS很不好,我正在尝试将一个ui图标与LI中的文本放在同一行上.
<ul>
<li class="ui-state-default">
<span>Hello</span>
<span class="ui-icon ui-icon-close"></span>
</li>
</ul>
通常文本不会在li里面,所以我认为这是一个ui-icon css的东西,但是我找不到是什么原因造成的.
解决方法
进一步我上面的问题评论,我发现这在我的jQuery-ui CSS,假设你正在使用：
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
使用display：inline-block更改(或覆盖)display：block应该允许图标出现在同一行上
