自定义 html 工具提示文本 [重复]答案

【问题标题】：Customize the html tooltip text [duplicate]自定义 html 工具提示文本 [重复]
【发布时间】：2020-01-20 03:57:27
【问题描述】：

&lt;abbr title="This is an example. This is an example. ThisIsAnExampleThisIsAnExample ThisIsAnExampleThisIsAnExample ThisIsAnExample"&gt;test&lt;abbr&gt;

我希望如何查看它：

This is an example. This is an example.
ThisIsAnExampleThisIsAnExample
ThisIsAnExampleThisIsAnExample ThisIsAnExample

实际是如何查看的：

This is an example. This is an example. ThisIsAnExam
pleThisIsAnExample ThisIsAnExampleThisIsAnExample Th
isIsAnExample

如何自定义此行为？如何使用css选择title？

【问题讨论】：

不可能。您应该创建一个 div，并使用 javascript 该 div 将具有您的标题的内容，并且只会在悬停时显示。您可以尝试考虑使用 Bootstrap，或者查看他们是如何做到的。
我确信这是可能的，因为在stackoverflow上，当我运行sn-p时，它给了我想要的视图，但不是在我的网站上使用相同的浏览器。
@Roy 你检查了stackoverflow的标题吗？它没有任何中断标签，而您发布的特定欺骗（您认为）中的答案建议使用中断标签。
你们不明白我的意思吗？ 它适用于 stackoverflow，而不适用于我的网站。使用相同的浏览器。
使用工具提示怎么样？ w3schools.com/css/css_tooltip.asp

标签： html css

【解决方案1】：

尝试使用用于<br> 换行符的<b>&#013;</b>：

&lt;abbr title="This is an example. This is an example. &amp;#013; ThisIsAnExampleThisIsAnExample &amp;#013; ThisIsAnExampleThisIsAnExample ThisIsAnExample"&gt;test&lt;abbr&gt;

希望对你有帮助。

【讨论】：

希望有帮助。，不，它没有。
添加有用的评论而不是输入它不评论为什么它没有。
顺便说一句，你错过了&#013之后的;
@roundAbout 我不知道，但对我来说它有效（至少在 Chrome 版本 76 中）。顺便说一句，这可能是stackoverflow.com/questions/18606877/…
@marcramser 这就是问题所在。它适用于stackoverflow，而不是我的网站。我确信我缺少一些东西。顺便说一句，我已经看到了那个答案，它不是重复的，抱歉。

【解决方案2】：

对于 Firefox，请使用 &#10;

<abbr title="This is an example. This is an example.&#10;
ThisIsAnExampleThisIsAnExample &#10;
ThisIsAnExampleThisIsAnExample ThisIsAnExample">test<abbr>

【讨论】：