<td title ="">中的换行符

Question

可能重复:
如何在HTML工具提示中使用回车符？

我想知道在使用TD的title属性时是否可以在工具提示中强制显示换行符.就像是

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

可以这样做吗？

Answer 1

这应该适用于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.

Answer 2

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

你会想要添加一些边框和背景,以使弹出看起来像样,但这应该勾勒出想法.但是它有一些缺点,例如弹出窗口不是相对于鼠标而是相对于包含单元格而定位的.

我认为你需要更新css,以防表中有表格使css正常工作.使用`td> div.restoredbpopup {display:none; } td:hover> div.restoredbpopup {display:block; 位置:绝对; }` (2认同)

Answer 3

可扩展标记语言(XML)1.1 W3C建议书说

«所有换行必须按照2.11行尾处理中的描述对#xA的输入进行归一化,因此该算法的其余部分对以这种方式归一化的文本进行操作.»

然后你可以写:

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

Answer 4


在 Chrome 中使用Works 在工具提示中创建单独的行。