ASPNET:关于Tooltip(title)的换行问题

最新推荐文章于 2024-01-30 13:01:50 发布

转载最新推荐文章于 2024-01-30 13:01:50 发布 · 392 阅读

文章标签：

#c#

本文介绍了如何在HTML中实现Tooltip（提示框）的换行功能，包括使用普通HTML元素及WebControl的不同方法，并提供了一段简单的DIV显示Tooltip效果的代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们知道，为了使对于普通 HTML 元素的title可以换行，至少可以有可以两种方式：

1。将title的文本分行写

<a href="#" title="hello

world">hello worlda>

2。插入换行符号

<a href="#" title="hello#&10;world">hello worlda>

或者

<a href="#" title="hello#&13;world">hello worlda>

10与13分别是换行符与回车符的ACII十进制值

如果需要对WebControl设置title（其实是tooltip属性）这两种方法都失效了，
而是只需要插入编程语言内置的换行符，比如C# 插入 n

<asp:HyperLink ID="HyperLink1" runat="server">HyperLinkasp:HyperLink>

HyperLink1.ToolTip = "hellonworld";

如果还是输入#&10;或者#&13;asp.net会自动将&编码成 & 。

附录：最简单代码实现的DIV显示Tooltip效果

Tooltip

if(!old)
{
var skn=(nav)?document.dek:dek.style;
if(nav)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=get_mouse;
}

function popup(msg)
{
var content="

内容提要

"+msg+"

";
if(old){alert(msg);return;}
else{yyy=Yoffset;
if(nav){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(iex){document.all("dek").innerHTML=content;skn.visibility="visible"}
}
}

function get_mouse(e)
{
var x=(nav)?e.pageX:event.x+document.body.scrollLeft;skn.left=x+Xoffset;
var y=(nav)?e.pageY:event.y+document.body.scrollTop;skn.top=y+yyy;
}

function kill()
{
if(!old){yyy=-1000;skn.visibility="hidden";}
}

普通文字上的效果