어떻게 의상 툴팁에 줄 바꿈을 추가 할 수 있습니까?

Question

어떻게 의상 툴팁에 줄 바꿈을 추가 할 수 있습니까? css 또는 jquery 중 하나 일 수 있습니다. 어떻게해야할지 모르겠습니다. 
을 사용하여 기본 툴팁을 사용하면 간단하지만 코스튬은 작동하지 않으므로 일부 정보를 열심히 표시 할 수 있습니다.

 
Name:John Smith 
Age:15 
Hair-Color:Green 
. 
. 
. 

그래서 해결책은 무엇입니까?

Answer 1

간단한 줄 바꿈 
 또는 \n을 사용하는 경우 줄 바꿈 및 공백을 유지하기 위해 white-space: pre;을 설정해야합니다. 또는 각 
을 백엔드 또는 JS를 통해 줄 바꿈 HTML 태그 <br />으로 변환 할 수 있습니다.

참조 :

var tooltipstring = "John Smith \n Age:15 \n Hair-Color:Green";

또는 새로운 라인을 추가하여 : 당신의 문자열에서 줄 바꿈 \n 문자를 사용

:이 작업을 수행 할 수있는 두 가지 방법이 있습니다 자바 스크립트에서 https://developer.mozilla.org/en-US/docs/CSS/white-space

Answer 2

문자열에서 올바르게 백 슬래시로 이스케이프 처리합니다. \ :

var tooltipstring = "John Smith \ 
Age:15 \ 
Hair-Color:Green";