function parseESG(cellvalue, options, rowObject){
var esgIcons = "";
var esgValues = rowObject.EsgPillar;
var esgArr;
if(typeof esgValues === 'string'){
esgArr = esgValues.split(",");
}
if(esgArr != undefined || esgArr != null){
esgArr.forEach(function(element){
if(element.trim() === "E"){
esgIcons += '<img src ="../repo/app/img/pillars-environment.svg" title="'+environmental+'" style="margin-left: 1px;margin-right: 1px; width:20%"> ';
}
if(element.trim() === "S"){
esgIcons += '<img src ="../repo/app/img/pillars-social.svg" title="'+social+'" style="margin-left: 1px;margin-right: 1px; width:20%">';
}
if(element.trim() === "G"){
esgIcons += '<img src = "../repo/app/img/pillars-governance.svg" title="'+governance+'" style="margin-left: 1px;margin-right: 1px; width:20%">' ;
}
}
);
}
return "<div style='text-align: center !important;'>"+esgIcons+"</div";
}Inconsistent
上面的代码是我粘贴的图标的代码。我的问题是，正如你所看到的，图标之间有一个小间隙。有没有办法消除这个间隙？并且没有添加边框
1条答案
按热度按时间kxeu7u2r1#
您可以根据自己的情况简单地给它们指定
margin: auto或margin: none。其次，我在您的代码中发现了一个小错误，或者可能是return语句中的复制错误。将return "<div style='text-align: center !important;'>"+esgIcons+"</div";更改为return "<div style='text-align: center !important;'>"+esgIcons+"</div>";（只需关闭div标签）。