Easyui columns列图片移位问题！！！

InitGrid: function () {
        $("#list").datagrid({
            toolbar: '#tb',
            url: BanZhengXiaoLuSearch.AjaxUrl,
            queryParams: { Method: 'GetGridList', AreaID: BanZhengXiaoLuSearch.AreaID },
            onLoadSuccess: function (data) {
                $(".mx-easyui-linkbutton").linkbutton({ text: '明细', plain: true, iconCls: 'icon-template' });
            },
            pagination: false,
            fit: true, title: " 当前位置：办证效率统计",
            striped: true,
            rownumbers: true,
            autoRowHeight: false,
            singleSelect: true,
            loadMsg: '正在加载数据，请稍后....',
            columns: [[
                        { field: 'name', title: '区域', width: 80 },
                        { field: 'id', title: '排名', width: 80, align: "center", formatter: function (value, row, index) {
                            if (index == 0) {
                                return "/";
                            } else {
                                return index;
                            }
                        }
                        },
                        { field: 'chaoGuoQiXian', align: "center", title: '超时件数', width: 80 },
                        { field: 'id1', title: '明细', align: "center", width: 80, formatter: function (value, row, index) {
                            if (index != 0) {
                                return "<div class='big-size-icon'><a title='明细' href='javascript:void(0);' class='mx-easyui-linkbutton' iconcls='icon-add' onclick='BanZhengXiaoLuSearch.MingXi(\"" + row["id"] + "\")'>明细</a></div>";
                            }
                        }
                        }
                    ]]

        });

 明细 class  big-size-icon  在  easyui.css加入

下面根据自己情况设置大小。

.big-size-icon>a>span>span.l-btn-text {  
    height: 16px;
    line-height: 16px;
}

可以明显看出2张图。位置发生了变化。如果直接修改.l-btn-text 会导致  所有图片有问题。

 

链接：http://blog.csdn.net/u012345283/article/details/38335019