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

【问题标题】：How to do multi-line Title in div tag?如何在 div 标签中做多行标题？
【发布时间】：2011-03-25 09:51:42
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

没有用 JS 生成的元素（或丑陋的 CSS hacks）替换整个东西并用 CSS 定位，你不能，至少不能可靠。

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

<!-- 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";

【讨论】：