css – 使ui-icon出现在与其他文本相同的行上

前端之家收集整理的这篇文章主要介绍了css – 使ui-icon出现在与其他文本相同的行上前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我对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应该允许图标出现在同一行上

原文链接:https://www.f2er.com/css/214054.html

猜你在找的CSS相关文章