在 < td title = “””> 中换行

可能的复制品:
如何在 HTML 工具提示中使用回车符

我想知道在使用 TD 的 title 属性时，是否可以强制在工具提示中显示换行。 比如

<td title="lineone \n linetwo \n etc...">

这能做到吗？

138643 次浏览
小开

这应该没什么问题，但是具体 Internet Explorer 是:

<td title="lineone
linetwo
etc...">

正如其他人所提到的，如果您只对工具提示感兴趣，那么唯一的其他方法是使用基于 HTML + JavaScript 的工具提示。如果这是为了方便访问，那么为了保持一致性，您可能需要坚持使用单行。

小开

如果你想在鼠标悬停的工具提示中加入换行符，没有可靠的跨浏览器方法可以做到这一点。您必须回到众多 Javascript 工具提示代码示例中的一个

小开
最佳答案

现在应该可以在 Internet Explorer、 Firefox v12 + 和 Chrome 28 + 中使用了

<img src="'../images/foo.gif'"
alt="line 1&#013;line 2" title="line 1&#013;line 2">

尝试使用 JavaScript 工具提示库获得更好的结果，比如 OverLib。

小开

我使用了 jQuery提示插件。

小开

XML (XML)1.1 W3C推荐标准说

“所有的换行符必须在输入到 # xA 时被标准化，如2.11行尾处理中所描述的，所以这个算法的其余部分以这种方式对文本进行标准化处理。”

链接是 http://www.w3.org/TR/2006/REC-xml11-20060816/#AVNormalize

然后你可以写:

<td title="lineone &#xA; linetwo &#xA; etc...">
小开

Jquery 颜料插件也支持 <br> 在 title 属性中添加标记，您可能需要查看这个。

小开

实现类似效果的一种方法是通过 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; }

您可能想添加一些边框和背景，使弹出窗口看起来不错，但这应该草图的想法。但是它有一些缺点，例如弹出窗口的位置不是相对于鼠标，而是相对于包含单元格。

小开

在 Chrome 中使用 &#xA;在工具提示中创建单独的行。

小开

使用 &#013;在我的 FB 应用程序中不起作用。 然而，这个做得很漂亮(在 Chrome FF 和 IE 中) :

<img src="'../images/foo.gif'" title="line 1&lt;br&gt;line 2">

提交答案