我对 CSS 不太熟悉,我正在尝试让 LI 中的 ui-icon 与文本处于同一行。
<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
应该允许图标出现在同一行上。
ui-icon
或ui-icon-close
是否被任何地方的display: block
所影响? - user527892