현재 사이트에 자세한 툴팁을 추가하고 있으며 캐리지 리턴을 사용하여 툴팁 형식을 지정하고 싶습니다 (whizz-bang jQuery 플러그인에 의지하지 않고 많은 것을 알고 있습니다!).
팁을 추가하려면 title속성을 사용하고 있습니다. 일반적인 사이트를 둘러보고 기본 템플릿을 사용했습니다.
<a title='Tool?Tip?On?New?Line'>link with tip</a>로 바꾸려고 ?했습니다.
<br />&013; / \r\nEnvironment.NewLine(저는 C #을 사용하고 있습니다)
위의 어느 것도 작동하지 않습니다. 가능합니까?
답변
너무 간단해서 직접 킥할 수 있습니다 … 그냥 엔터를 누르십시오!
<a title='Tool
Tip
On
New
Line'>link with tip</a>Firefox는 여러 줄 툴팁을 전혀 표시하지 않습니다. 개행을 아무것도 대체하지 않습니다.
답변
최신 사양은 속성이나 단체 내부의 간단한 줄 바꿈 때문에, 줄 바꿈 문자를 할 수 있습니다 (문자주의 #와이 ;필요)를 확인합니다.
답변
캐릭터 10을 사용해보십시오. Firefox에서는 작동하지 않습니다. 🙁
텍스트는 브라우저에 따라 다르게 표시됩니다. 작은 툴팁은 대부분의 브라우저에서 작동합니다. IE 및 Safari에서 긴 툴팁 및 줄 바꿈 작업 ( 새 줄 바꿈
또는 사용 ). Firefox 및 Opera는 줄 바꾸기를 지원하지 않습니다. Firefox는 긴 툴팁을 지원하지 않습니다.
http://modp.com/wiki/htmltitletooltips
최신 정보:
2015 년 1 월 현재 Firefox는 HTML title속성 에 줄 바꿈을 삽입하는 기능을 지원 합니다. 아래의 스 니펫 예제를 참조하십시오.
<a href="#" title="Line 1 Line 2 Line 3">Hover for multi-line title</a>답변
IE, Chrome, Safari, Firefox (최신 버전 2012-11-27)에서 이것을 테스트했습니다.
그들 모두에서 작동합니다 …
답변
다음과 같이 Javascript로 title 속성을 설정하는 경우 언급 할 가치가 있습니다.
divElement.setAttribute("title", "Line one Line two");
작동하지 않습니다. Javascript로 이스케이프 처리되는 방식으로 ASCII 10 진수 10을 ASCII 16 진수 A로 바꿔야합니다. 이처럼 :
divElement.setAttribute("title", "Line one\x0ALine two");
답변
Firefox 12부터는 줄 바꿈 HTML 엔티티를 사용하여 줄 바꿈을 지원합니다.
<span title="First line Second line">Test</span>이것은 IE에서 작동하며 title 속성에 대한 HTML5 사양에 따라 맞습니다 .
답변
jQuery를 사용하는 경우 :
$(td).attr("title", "One \n Two \n Three");작동합니다.
IE-9에서 테스트 : 작동합니다.