Question

我对CSS不好，我试图将ui-icon与LI中的文本放在同一行。

<ul>
    <li class="ui-state-default">
        <span>Hello</span>
        <span class="ui-icon ui-icon-close"></span>
    </li>
</ul>

通常情况下，文字不会在li中执行，所以我认为这是ui-icon css的内容，但我找不到导致它的原因。

Answer 1

除了我上面的问题评论，我在我的jQuery-ui CSS中发现了这个，假设你正在使用它：

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

使用display: block更改（或覆盖）display: inline-block应允许图标显示在同一行

Answer 2

上面的答案不起作用，但这个问题已在另一个主题中得到解答。