添加图标后,jquery accordion heading和div width不匹配

时间:2013-10-14 16:48:39

标签: javascript jquery html css

在标题中添加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>

1 个答案:

答案 0 :(得分:0)

这很有用

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

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