Question

我正在使用此

<a href="#" title="select from 1: this 2: that" > Click here </a>

当有人将鼠标悬停在它上面时，我会在一行中看到所有文字。

有没有办法在新线上显示它？

Answer 1

尝试使用此代码

<a href="#" title="select from 1: this &#013; 2: that" > Click here </a>

Answer 2

当您使用辅助功能对此进行标记时，我认为最强大的方法不是依赖标题来获取信息。

current HTML spec不鼓励使用不能使用鼠标的人（例如由于行动障碍），但使用键盘并看到屏幕永远不会看到您的工具提示/标题文字。使用触摸屏的人无法访问它。

大多数使用屏幕阅读器的人也不会知道标题文本，虽然可以在大多数屏幕阅读器中访问它，但默认情况下不会读出，有人必须知道要查找它。（和there are more issues。）

规范建议将其用于换行符：

如果title属性的值包含“LF”（U + 000A）字符，则内容将分为多行。每个“LF”（U + 000A）字符代表换行符。

但是，新行的显示取决于浏览器（How can I use a carriage return in a HTML tooltip）。

我怀疑整体UI方法需要多一点思考，因为许多人会对你的例子中的那种指令感到困惑，即如果有多个选项，点击它会实现什么？

如果您的情况难以write good link text，那么我会在UX stackexchange发布更多关于互动的内容。

Answer 3

如果你动态生成它\ n

$(td).attr("title", "One \n Two \n Three");

Answer 4

<a href="#" title="select from 
1: this 
2: that" > Click here </a>