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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理