我正在使用这个
<a href="#" title="select from 1: this 2: that" > Click here </a>
当有人将鼠标悬停在它上面时，我会在一行中看到所有文本。
有没有办法在新行上显示它？
问问题
67355 次
4 回答
60
您可以使用
或
。
<a href="#" title="select from 1: this 
 2: that" >Click here</a>
<a href="#" title="select from 1: this 
 2: that" >Click here</a>于 2014-03-21T14:17:47.447 回答
19
如果您要动态生成它，请将\n
$(td).attr("title", "One \n Two \n Three");
这是使用 Jquery 框架。
于 2013-09-05T06:05:55.110 回答
13
当您将此标记为可访问性时，我想说最可靠的方法是不要依赖标题来获取信息。
当前的HTML 规范不鼓励这种使用，因为无法使用鼠标（例如由于行动不便）但使用键盘并看到屏幕的人永远不会看到您的工具提示/标题文本。使用触摸屏的人无法访问它。
大多数使用屏幕阅读器的人也不会知道标题文本，尽管可以在大多数屏幕阅读器中访问它默认情况下不会读出，并且必须有人知道才能查找它。（还有更多问题。）
该规范建议将其用于换行符：
如果 title 属性的值包含“LF”（U+000A）字符，则内容被分成多行。每个“LF”(U+000A) 字符代表一个换行符。
但是，新行的显示取决于浏览器（如何在 HTML 工具提示中使用回车）。
我怀疑整体 UI 方法需要更多考虑，因为许多人会被您示例中的那种指令混淆，即如果有多个选项，单击它会实现什么？
如果您的情况难以编写好的链接文本，那么我会在UX stackexchange上发布更多关于交互的信息。
于 2013-09-04T11:10:51.047 回答
12
<a href="#" title="select from
1: this
2: that" >Click here</a>于 2013-09-04T06:38:55.543 回答