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

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

解决方案1

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

<p id="p">title属性</p>

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

解决方案2

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

<p
  title="这里是超长的title
描述文本"
>
  title属性
</p>

示例代码下载

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