如何在div标签中做多行标题？

Question

我想让以下div标签在鼠标悬停时显示工具提示。但是，它将其显示为单行。如何让它显示几行？

<div title="Have a nice<br />day">blah</div>

Answer 1

似乎现代浏览器会在回车符号后显示新行上的工具提示：

<!-- i've pressed Enter after word "line" -->
<div id="myDiv" title="first line
multiline">Hello world!</div>

或者您可以通过javascript尝试设置值：

var myDiv=document.getElementById('myDiv'); 
myDiv.title = "first line \n multiline";

Answer 2

用JS（或丑陋的CSS黑客）生成的元素替换整个事物并用CSS定位，你不能，至少不可靠。

如果我没记错的话，如果元素中有一个新的文字新行，某些浏览器会渲染一个新行，而其他浏览器会渲染不可打印的字符符号。这可能需要实体换新线。无论哪种方式 - 避免这种情况，因为不可打印的字符符号有点不太理想。

如果你有这么多内容，它可能不适合工具提示。

Answer 3

您可能需要查看一些javascript工具提示。