怎么让元素的title属性文本换行?

怎么让元素的title属性文本换行?_第1张图片

最近项目开发中遇到一个小问题:一个超长的描述文本,需要鼠标hover的时候展示全部文本信息,然后我想用title属性简单处理下。但是文本过长了,我想让它换行显示。

解决方案1

\n实现换行,这种方式适合js动态添加title属性。

title属性

let dom = document.querySelector("#p");
dom.setAttribute("title", `这里是超长的title\n描述文本`);

解决方案2

直接回车,这种方式适合静态添加title属性。

title属性

示例代码下载

可以复制以上代码运行查看使用效果,也可以到GitHub: https://github.com/Jackyyans/code123下载,更多示例将会持续更新,欢迎关注。

你可能感兴趣的:(前端,html,javascript)