html元素的title属性值换行

在调试代码的时候发现,HTML元素的title属性值通常在界面上只显示一行,那我想要他换行,就是多行显示,如何实现?

通过实验,可以通过在属性值中添加【
】换行符、【
】换行符或直接回车来实现这一需求。

比如:

<span title="i like yanggb">huangq</span>

上面是显示一行,当我想要换行显示的时候:

<span title="i&#10;like&#10;yanggb">huangq</span>
<span title="i&#13;like&#13;yanggb">huangq</span>
<span title="i
like
yanggb">huangq</span>

在直接编写静态HTML的时候,以上三种方式都能实现,而如果是通过JavaScript来编写动态的HTML,则可以通过转义字符中的【 】换行符来实现这一需求。

$('span').attr('title', 'i
like
yanggb');

另外,此换行方法在alert()方法中同样有效。

"人到了一定岁数,自己就得是那个屋檐,再也无法另找地方躲雨了。谁都希望一生被爱,被人小心收藏,受了伤有人倾诉,受了苦有人依靠,疲倦了有人送上肩膀。但经历得越多越会体会到,这世上没有完全的感同身受,每个人都要在自己的世界里孤独地过冬,越是难熬,越要靠自己撑过去。"

原文地址:https://www.cnblogs.com/yanggb/p/12297721.html