상대적 위치가 포함 된 툴팁 너비

Question

툴팁이 자동 너비에 맞게 변경하려면 어떻게해야합니까? 문제는 링크의 상대적 위치에 있다고 생각합니다.

내 문제 여기를 참조하십시오 http://jsfiddle.net/kzJRW/

나는이 문제를 해결하고 내가 정의 툴팁이 여전히 작동하는 방법에 대해 설명합니다.

도움 주셔서 감사합니다.

Answer 1

http://jsfiddle.net/kzJRW/13/

white-space 속성은 단어를 어기는 데 도움이됩니다. 또한 레이아웃 선언과 상자 그림자 색상과 같은 변경되지 않는 값을 : hover 가상 클래스에서 선언 할 필요가없는 선언을 다시 정리했습니다.

Answer 2

@shub; position:relative와 함께 display:block

확인을 제공

.tooltip span { 
    margin-left: -999em; 
    position: absolute; 
    white-space:nowrap; 
} 

예를 http://jsfiddle.net/sandeep/kzJRW/14/ 태그에

Answer 3

이 : 당신은이 같은 white-space:nowrap;

를 작성해야

http://jsfiddle.net/kzJRW/9/