Wie kann ich einen Zeilenumbruch in einem HTML-Tooltip verwenden?

Question

Ich bin derzeit das Hinzufügen von ausführlichen Tooltips auf unserer Website, und ich möchte (ohne auf eine whizz-bang jQuery-Plugin zurückgreifen, ich weiß, es gibt viele!), um Wagenrücklauf zu verwenden, um die Tooltip-Format.

Um den Tipp hinzuzufügen, verwende ich die title Attribut. Ich habe mich auf den üblichen Websites umgesehen und die Grundvorlage von:

<a title='Tool?Tip?On?New?Line'>link with tip</a>

Ich habe versucht, die ? mit:

• <br />
• &013; / 

• \r\n
• Environment.NewLine (Ich verwende C#)

Keine der oben genannten Möglichkeiten funktioniert. Ist das möglich?

Answer 1

Seit Firefox 12 unterstützen sie nun auch Zeilenumbrüche unter Verwendung der HTML-Entität Zeilenvorschub: 


<span title="First line&#10;Second line">Test</span>

Dies funktioniert im IE und ist gemäß der HTML5-Spezifikation für die Titelattribut .

Answer 2

Als Beitrag zur 
 Lösung, können wir auch &#009 für Registerkarten, falls Sie jemals so etwas tun müssen.

<button title="My to-do list:&#013;&#009;-Item 2&#013;&#009;-Item 3&#013;&#009;-Item 4&#013;&#009;&#009;-Subitem 1">TEST</button>

Demo

Answer 3

Auf Chrome 79, 
 funktioniert nicht mehr.

Ich war damit erfolgreich:




Dies funktioniert in allen gängigen Browsern.

Answer 4

Wenn Sie jQuery verwenden:

$(td).attr("title", "One \n Two \n Three");

wird funktionieren.

Es wurde getestet in Internet Explorer 9 : funktioniert.

Answer 5


 funktioniert mit allen großen Browsern (einschließlich IE)