乐趣区

怎么让元素的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 下载,更多示例将会继续更新,欢送关注。

退出移动版