툴팁 내에 줄 바꿈 추가 있습니까? 다음과 같이 툴팁을

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

다음과 같이 툴팁을 사용 <br/>하고 \n툴팁 내에서 시도했습니다 .

<a href="#" title="Some long text <br/> Second line text \n Third line text">Hover me</a>

그러나 이것은 쓸모가 없었으며 리터럴 텍스트 <br/>와 \n툴팁을 볼 수있었습니다 . 어떤 제안이라도 도움이 될 것입니다.

제목 속성에서 줄 바꿈에 엔티티 코드 를 사용하십시오 .

데이터 속성을 추가하기 만하면됩니다

data-html = “true”

그리고 당신은 잘 지내요.

예 : 용법:

<i data-html="true" class="tooltip ficon-help-icon" twipsy-content-set="true" data-original-title= "<b>Hello</b> Stackoverflow" </i>

그것은 내가 지금 시도한 툴팁 플러그인의 대부분에서 작동했습니다.

스타일과 결합 공백 : 전 라인; 나를 위해 일했다.

이 CSS는 편집기에서 줄 바꿈과 함께 마침내 작동했습니다.

.tooltip-inner {
    white-space: pre-wrap;
}

\n텍스트 사이에 제공 하십시오. 모든 브라우저에서 작동합니다.

Example
img.tooltip= " Your Text : \n"
img.tooltip += " Your text \n";

이것은 저에게 효과적이며 코드 뒤에 사용됩니다.

희망이 당신을 위해 작동합니다

\n

스타일링

.tooltip-inner {
    white-space: pre-line;
}

나를 위해 일했다.

찾았어요. 이렇게하면 간단히 할 수 있습니다

<a ref="#" title="First Line
                  Second Line
                  Third line">Hover Me</a>

How IT