2011-03-04 72 views
22

可能重複:
How can I use a carriage return in a HTML tooltip ?如何在Firefox中以多行顯示HTML「title」屬性?

我想顯示幾行的 「標題」 屬性的提示,所以它看起來是這樣的:

Line 1 
Line 2 

I tried to do:

<div title="Line 1\nLine 2">Secret</div> 

,但沒有奏效。

這可能嗎?

+0

什麼SENCE?它不會在任何瀏覽器中顯示,因爲它們都具有單行標題欄。 – heximal 2011-03-04 11:58:10

+0

如果您有太多需要自動換行的信息,那麼您的工具提示信息太多。 – Quentin 2011-03-04 12:01:00

+0

我有很少的信息。它看起來好幾行! – 2011-03-04 12:03:07

回答

1

無論是HTML本身

<div title="Line 1 
Line 2">Secret</div> 

內增加新的線路或使用JavaScript/CSS製作自己的提示。

+0

這可能會導致瀏覽器不兼容和驗證錯誤。 – anothershrubery 2011-03-04 12:14:47

+0

使用javascript/css添加您自己的tooltop是使這個工作完全跨瀏覽器的唯一方法。 – anothershrubery 2011-03-04 12:25:18

57

您可以輸入&#13;。換句話說:

<div title="Line 1&#13;Line 2">Secret</div> 
+2

它適用於Firefox 16.0.1,IE7 +,Chrome。 它不適用於FireFox 4.0.1(至少)。 – Guillaume 2012-10-18 14:26:09

+0

適用於Chrome 49(OSX) – sebhaase 2016-01-08 17:52:28

+0

經過Firefox 53.0測試且正常運行 – StR 2017-06-07 15:36:32