如何在div標籤中做多行標題？

Question

我想要下面的div標籤顯示鼠標懸停時的工具提示。但是，它將它顯示爲一行。我怎樣才能讓它顯示幾行？

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

Answer 1

看來，現代的瀏覽器將回車符號之後顯示在新的一行提示：

或者您也可以通過JavaScript的嘗試設定值：

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

Answer 2

用JS（或醜陋的CSS黑客）生成的元素替換整個東西，並用CSS定位，你不能，至少不可靠。

如果我記得沒錯，有些瀏覽器會渲染一個新行，如果你在元素中有一個新的行，而其他瀏覽器會渲染不可打印的字符符號。這可能是因爲這可能需要實體來換行。無論哪種方式 - 避免這種情況，因爲讓不可打印的字符符號不夠理想。

如果你有這麼多的內容，它可能不適合工具提示。

Answer 3

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