2011-03-04 21 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

相关问题