javascript - 添加图标后，jquery Accordion 标题和 div 宽度不匹配

Question

向标题添加 2 个附加图标(编辑、删除)后，标题和 div 宽度不再匹配。如何让标题和 div 的宽度像标准 Accordion 一样匹配？谢谢

<div id="accordion">
                          <h3><a href="javascript:;">
                          <span style="float:right;" class="ui-icon ui-icon-pencil hand" onclick="javascript:doEdit();"></span>
                          <span style="float:right;" class="ui-icon ui-icon-trash hand" onclick="javascript:doDelete();"></span>
                          <span>Created By: J Doe</span>
                            </a>
                            </h3>
                          <div>
                            <p>test</p>
                          </div>
                        </div>

Answer 1

这有效

#accordion a span.ui-icon {
    position: static;   
    height: 20px;
    margin-top: 0px; 
}

从这篇文章中找到它: Jquery ui accordion - how to add an icon to the right?