테이블 셀에서 마우스를 가져 가면 인접한 폰트 솜솜/부트 스트랩 아이콘을 가볍게 누르지 마십시오.

Question

필자는 내 문제와 내가하려는 것을 보여주기 위해 피들을 만들었습니다.

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

나는 다음과 같은 CSS 시도 :

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

내가 부트 스트랩과 FontAwesome를 사용하여 각 셀에 두 번째 아이콘의 꼭지점을 방지하기 위해 (디스플레이/편집 기록 링크)를 원하는 오전하는 경우 첫 번째 링크가 올려 져서 확대됩니다. 나는 국경을 투명하게 채우려고 노력했다. 바로 앞에 아이템 등을 올렸지 만 그것을 완벽하게 할 수 없었다.

CSS로 원활하게 작동하려면 어떻게해야합니까?

Answer 1

가장 쉬운 : 그것은 여전히 ​​테이블의 레이아웃을 꼬집는하지만, 텍스트 랩을 트리거 아이콘 요소가 발생하지 않습니다

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

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

.