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を使用していますが、最初のリンクにカーソルを合わせて拡大したときに、各セルの2番目のアイコン（レコードリンクの表示/編集）が動かないようにしたいと考えています。ボーダー透明、パディング-アイテムの前などで試してみましたが、完璧にできませんでした。

これをCSSでスムーズに機能させるにはどうすればよいですか？

Answer 1

最も簡単：

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

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

それでもテーブルのレイアウトを微調整しますが、アイコン要素がテキストの折り返しをトリガーすることはありません。