css - 防止在表格单元格中将鼠标悬停在相邻的fontawesome/bootstrap图标上

我做了一个小提琴，以证明我的问题以及我想做的事情。

http://jsfiddle.net/kvseelbach/rXEEZ/20/

我尝试了以下CSS：

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

我正在使用带有引导程序的FontAwesome，并希望在第一个链接悬停并放大时防止在每个单元格（显示/编辑记录链接）中拖拽第二个图标。我尝试过边框透明，在：before之前填充右，等等，但是还不能完善它。

我怎样才能使它与CSS一起正常工作？

最佳答案

最简单的：

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

http://jsfiddle.net/userdude/rXEEZ/21/

它仍然可以调整表格的布局，但不会导致图标元素触发文本换行。