html元素的title属性值换行

扶醉桌前 提交于 2020-02-12 08:29:29

在调试代码的时候发现,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,则可以通过转义字符中的【\n】换行符来实现这一需求。

$('span').attr('title', 'i\nlike\nyanggb');

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

 

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!