牛骨文教育服务平台(让学习变的简单)
博文笔记

html 鼠标悬浮,显示隐藏的文字

创建时间:2017-11-21 投稿人: 浏览次数:1077

      一般表格里面的宽度需要固定一下,但这样有些很长的文字就会要用...来隐藏,现在要做到鼠标放上去,显示全部内容,其实方法很简单:

   

最简单的做法,给标签增加title属性,并赋上要显示的内容。也就是添加title属性即可

<div title="全部内容">部分内容</div>

定义和用法

title 属性规定关于元素的额外信息。

这些信息通常会在鼠标移到元素上时显示一段工具提示文本(tooltip text)。

提示:title 属性常与 form 以及 a 元素一同使用,以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。