css - 防止在表格单元格中悬停时轻推相邻的 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/

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