Question

我必须在一个跨度旁边放一个箭头图标（在文本的右侧＆＃34;你自己＆＃34; - 跨度中的一个。由于某种原因，ii显示在文本下面。

<fieldset style="display: inline">
                    <div class="ui-grid-a" style="display: inline">
                    <span class="text-light ui-block-a">Post as: </span>
                    <span class="link toggle-post ui-block-b">Yourself<span id="dropdownIcon"          class="ui-icon-dropdown"></span></span>
                    </div>


                        <ul class="ul-post ui-listview" data-role="listview" data-inset="false" style="width: 240%; display:none">
                            <li data-postas="0" class="ui-li-static ui-body-inherit ui-first-child">Yourself</li>

                                <li style="background-color: #CCCCCC" class="ui-li-static ui-body-inherit">As your company</li>

                                    <li data-postas="1" value="8" id="Ninja" data-company="8" class="ui-li-static ui-body-inherit">Ninja</li>

                                    <li data-postas="1" value="12" id="Batman" data-  company="12" class="ui-li-static ui-body-inherit ui-last-child">Batman</li>



                        </ul>

</fieldset>

Answer 1

你试试这个吗？

<li data-postas="0" class="ui-li-static ui-body-inherit ui-first-child">
    Yourself <i class="fa fa-area-chart"></i>
</li>

我在这里使用了icon font awesome，请点击此处：enter link description here

<强>更新

第一次尝试这个（我删除带图标的跨度）

<span class="link toggle-post ui-block-b">
   Yourself <i class="fa fa-area-chart"></i>
</span>

HTML-如何将图标放在文本后面

1 个答案: