javascript - 添加图标后jquery手风琴标题和div宽度不匹配

Question

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

<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 手风琴 - 如何在右侧添加图标？