让ui-icon与<li>中的其他文本在同一行显示

Question

我对 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造成了这种情况，但我找不到引起它的原因。

- EvilAmarant7x

---

ui-icon或ui-icon-close是否被任何地方的display: block所影响？ - user527892

Answer 1

关于我上面的问题评论，我在我的jQuery-ui CSS中找到了这个，假设你正在使用它：

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

使用display: inline-block更改（或覆盖）display: block应该允许图标出现在同一行上。

- user527892

---

将它改为 display: inline 后，图标因某些原因消失了，但是使用 inline-block 就可以了。http://jsfiddle.net/EvilAmarant7x/HWgkx/2/ - EvilAmarant7x