如何在HTML工具提示中使用回车?

我目前正在为我们的网站添加冗长的工具提示，我想(不必求助于一个神奇的jQuery插件，我知道有很多!)使用回车来格式化工具提示。

为了添加提示，我使用了title属性。我环顾了一下常用的网站，并使用了基本的模板:

<a title='Tool?Tip?On?New?Line'>link with tip</a>

我试过更换?:

&013;/ & # 13; \ r \ n 环境。换行符(我使用c#)

以上方法都行不通。这可能吗?

当前回答

我使用的是火狐68.7.0 ESR和是行不通的。通过<CR>断行确实有用，所以我使用它，因为它简单而向前。

也就是说,

<option title="Constraint PSC/SCS/Activity
Definition Constraint Checker
Database Start Notifier">CnCk

2020-04-30 22:43:42

其他回答

在Chrome 16或更早的版本中，你可以使用“\n”。顺便说一句，“\t”也可以。

2011-10-25 23:56:43

“只需按下enter”的解决方案在这里不起作用，所以优秀的老香草JavaScript似乎是一种相当高效和干净的方法。

function customTitle(event, textHeader, text){
    let eventOrigin = event.target || event.srcElement;
    eventOrigin.title = textHeader + '\n\n' + text;
}

在元素onmouseover上:

onmouseover="customTitle(event, 'Some Caput', 'Some more or less complete description');"

瞧!它适用于谷歌Chrome和Firefox(不排除其他;我只是没有检查)。

2021-03-19 01:31:19

我不这么认为。火狐2删减了长链接标题，它们应该只用于传达少量的帮助文本。如果你需要更多的解释文本，我会建议它属于一个与链接相关的段落。然后，您可以添加工具提示JavaScript代码来隐藏这些段落，并在悬停时将它们作为工具提示显示。在我看来，这是让它跨浏览器工作的最佳选择。

2008-12-11 10:23:08

我们有一个需求，我们需要测试所有这些，下面是我想分享的:

document.getElementById("tooltip").setAttribute("title", "Tool\x0ATip\x0AOn\x0ANew\x0ALine") Tooltip with <pre> new line</pre> Works in all browsers <hr/> Tooltip with <code>&#13;</code> Not works Firefox browsers <hr/> Tooltip with <code>&#10;</code> Works in some browsers <hr/> Tooltip with <code>&#xD;</code> May work in some browsers <hr/> Tooltip with <code>document.getElementById("tooltip").setAttribute("title", "Tool\x0ATip\x0AOn\x0ANew\x0ALine")</code> May work in some browsers <hr/> Tooltip with <code>• </code>Unordered list tooltip <hr/> Tooltip with <code>\n</code> May not work in modern browsers <hr/> Tooltip with <code>\t</code> May not work in modern browsers <hr/> Tooltip with <code>&#013;</code> Works in most browsers <hr/>

小提琴

2016-09-23 10:07:29

作为对解决方案，我们也可以使用&#009标签，如果你需要做这样的事情。

<按钮标题= "我的待办事项清单:& # 013;& # 009;项目2 & # 013;& # 009;项目3 & # 013;& # 009;项目4 & # 013;& # 009;& # 009;子项1”> > < /按钮测试

Demo

2016-09-20 11:57:40

如何在HTML工具提示中使用回车?

推荐文章

最新文章

标签