相关疑难解决方法(0)

我现在正在向我们的网站添加详细的工具提示,我想(不必诉诸于一个whiz-bang jQuery插件,我知道有很多!)使用回车来格式化工具提示.

要添加提示,我正在使用该title属性.我查看了常用网站并使用以下基本模板:

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

我试过更换?:

• <br />
• &013; / 

• \r\n
• Environment.NewLine (我正在使用C#)

以上都不是.可能吗？

我正在使用Bootstrap 3并为我的div添加了一个工具提示.我尝试过使用<br> \n和 创建新行.Bootstrap会阻止我吗？

<div class="content show-tooltip" data-placement="top" 
     data-original-title="1st line of text <br> 2nd line of text">

我试图添加一个多行工具提示并遇到一些问题,主要是通过Internet Explorer处理它们的方式.我实际上可以让我的html看起来正确渲染,但IE忽略了工具提示中的换行符并将它们全部放在同一行.以下是我尝试的一些片段(不是确切的代码,我的开发站位于封闭的网络上,所以请忽略丢失的不相关信息,如位置等)

var bars = svg.selectAll(".bar")
.data(data)
.enter().append("rect")
.attr("class","bar")
.append("title").text(function(d){ return "Line One X:" + d.x + "\nLine Two Y:" + d.y});

这似乎是最好的解决方案,并使HTML看起来像

<title>
Line One X: 25
Line Two Y: 30
</title>

Firefox只处理两行,但IE忽略换行符并将它们放在同一行.我尝试了很多变化.如果我使用rect元素的title属性,FF渲染它就好了,IE完全忽略它并且不会显示工具提示.我甚至甚至强迫rect下的title元素有tspans和这样的br(删除上面的最后一个追加标题)

var barsTitle = bars.append("title");
barsTitle.append("tspan").text(function(d){ return "Line One X:" + d.x});
barsTitle.append("br");
barsTitle.append("tspan").text(function(d){ return "Line Two Y:" + d.y});    

这使我认为是正确的HTML

<title>
<tspan>Line One X: 25</tspan>
<br></br>
<tspan>Line Two Y: 30</tspan>
</title>

这里IE再次完全忽略了br,即使我将第2行插入br(br开放和关闭标签之间)IE仍然忽略它.对此没有简单的解决方案吗？

我使用\n在Web工具提示中创建换行符.这适用于IE和Chrome.但Firefox忽略了它.

什么在工具提示中普遍用作换行符？谢谢.

我想在工具提示中添加换行符：

<span data:data-tooltip="line 1 ...\n 
                              line 2 ...">

我从这里尝试了几个建议： 在工具提示中添加换行符

没有任何效果。我在没有 Javascript 的情况下使用它（v.2.2）

我想补充我的刀尖内换行，但它不工作，我尝试一切从\n，<br>，&013;/ &#13

这是我的代码：

<a>
 <img class="rounded-circle d-inline-block" src="{{content.image}}"  
 triggers="click" [autoClose]="true" ngbTooltip="{{content.email}} <br> 
 {{content.tel}}">
</a>

当我们提出问题时,SO会显示相关问题.如果我们将问题悬停在问题上,则内容会显示为工具提示,其中包含换行符,缩进等.SO使用哪种技术？如何显示格式的工具提示？

除了,jquery/javascript是否有任何简单的方法来实现它？

只是想知道,我应该在Meta上问这个吗？