手风琴标题内容

Question

我用javascript创建了手风琴。我想把手风琴标题的内容大小缩小（50％）。但是我无法弄明白。

$.each(myData.offsetFormations, function(i,aut) {
            headerList = '<h3><ul><li contenteditable="true">'+
                '<text class="formationName">'+ aut.FormationName + '</text>'+
                ' | ' +
                '<text class="bitSize">'+this.BitSize.toFixed(2) + '</text>'+
                ' | ' +
                '<text class="bitType">'+this.BitType + '</text>'+
                '</li></ul></h3>';

            wellNameList = '<div class="table-holder"><table>';

            $.each(myData.wellList, function(k,mano){
                if(aut.AssociatedwellList.some(function(w) { return w.WellName === mano.WellName; }))
                    {
                    wellNameList += '<td><div>'+ mano.WellName+'</div></td>';
                    }
                    else
                    {
                 wellNameList += '<td style="color:gray;" ><div>'+ mano.WellName+'</div></td>';
                    }
                });

            wellNameList += '</table></div>';

            headerList += '<div>'+wellNameList +'</div>';
            $(headerList).appendTo('#accordion'); 
        });

Answer 1

默认情况下，ul元素的上边距和下边距为1em，这会导致您的方框的高度增加2em。

您可以使用以下命令删除它：

.ui-accordion ul {
    margin: 0;
}

更新了小提琴：http://jsfiddle.net/xg7cr0g4/44/