防止在表格单元格中悬停时轻推相邻的 fontawesome/bootstrap 图标

Question

我做了一个小提琴来展示我的问题和我正在尝试做的事情。

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

我尝试了以下 CSS：

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

我正在使用带有引导程序的 FontAwesome，并且希望在第一个链接悬停并放大时防止每个单元格中的第二个图标（显示/编辑记录链接）轻推。我在 :before item 等上尝试了边框透明、padding-right 等，但未能完善它。

我怎样才能让它与 CSS 一起顺利工作？

Answer 1

最简单：

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

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

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