换行符<td title =“”>
可能重复:
如何在HTML工具提示中使用回车?
我想知道在使用TD的title属性时是否可以强制在工具提示中显示换行符。 就像是
<td title="lineone \n linetwo \n etc...">
可以这样做吗?
这现在应该适用于Internet Explorer,Firefox v12 +和Chrome 28+
<img src="'..http://img.dovov.comfoo.gif'" alt="line 1
line 2" title="line 1
line 2">
尝试一个JavaScript工具提示库,以获得更好的结果,像OverLib 。
一种达到类似效果的方法是通过CSS:
<td>Cell content. <div class="popup"> This is the popup. <br> Another line of popup. </div> </td>
然后在CSS中使用以下内容:
td div.popup { display: none; } td:hover div.popup { display: block; position: absolute; }
你会想添加一些边框和背景,使popup看起来像样,但这应该草拟这个想法。 虽然它有一些缺点,例如popup窗口不是相对于鼠标而是相对于包含单元的位置。
可扩展标记语言(XML)1.1 W3Cbuild议书说
“所有换行必须按照2.11行尾处理中所描述的对#xA的input进行标准化,所以该algorithm的其余部分以这种方式标准化文本。 »
链接是http://www.w3.org/TR/2006/REC-xml11-20060816/#AVNormalize
那么你可以写:
<td title="lineone 
 linetwo 
 etc...">
我使用jQuery clueTip插件。
这应该是确定的,但特定于Internet Explorer:
<td title="lineone linetwo etc...">
正如其他人所提到的,唯一的方法是使用基于HTML + JavaScript的工具提示,如果你只是在工具提示感兴趣。 如果这是为了可访问性,那么你可能需要坚持只是单行的一致性。
使用
没有在我的FB应用程序工作。 然而,这确实,漂亮(在Chrome FF和IE):
<img src="'..http://img.dovov.comfoo.gif'" title="line 1<br>line 2">
如果您希望将换行符放到鼠标hover中显示的工具提示上,则没有可靠的交叉浏览器方式来执行此操作。 你必须回到许多JavaScript工具提示代码示例之一
使用

在Chrome中工作,在工具提示中创build单独的行。
jquery colortip插件也支持title属性中的<br>
标签,你可能想看看那个。