Css 防止在表格单元格中悬停时轻推相邻的图标/引导图标

我做了一把小提琴来演示我的问题和我想做的事情

我尝试了以下CSS：

td a[class^="icon-"]:before, td a[class*="icon-"]:before { padding-right:2px; }

我将FontAwesome与引导一起使用，希望在第一个链接悬停并放大时，防止在每个单元格中轻推第二个图标（显示/编辑记录链接）。我尝试了边框透明，填充正确的：在项目之前，等等，并没有能够完善它

如何使用CSS使其顺利工作？

最简单的方法：

.dr-fxwidth {
    width: 48px;
    white-space: nowrap; /* <<< */
}

.dr fxwidth{
宽度：48px；
空白：nowrap；/*Hmm，如果您不理解我的问题，或者您的浏览器以不同的方式呈现表格，下面是一幅图像。请查看如何将悬停链接图标旁边的图标向右推一点。您的小提琴将右图标完全包裹在左下悬停左图标。您正在使用
字体大小：110%；
来“增长”它们，这不是特别容易处理的。我注意到图标与相邻图标的原始位置重叠，所以我添加了一些额外的填充，但仍然存在相同的问题。看到了吗？你想让图标在悬停时变大吗？如果我设置“增长”“以像素而不是百分比指定的大小，如何防止CSS的微移？