最简单的做法，给标签增加title属性，并赋上要显示的内容，也就是添加title属性即可。
代码：
<div title="全部内容">部分内容</div>
注：title 属性常与 form 以及 a 元素一同使用，以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。
扩展资料：HTML的title属性的用法
1、HTML的title属性,当光标移动到该标签时，信息提示框内的内容
</body>
<hr>
<p title="HTML的标签真多啊!">属性选择器</p>
</body>
2、设置标签样式时指定 属性css样式
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--页面内容关键字-->
<meta name="keywords" content="页面内容关键字">
<title>css:是层叠样式表</title>
<!--外部样式-->
<link rel="stylesheet" type="text/css" href="css1.css">
<style type="text/css">
/*有tittle属性*/
[title] {
color: darkmagenta
}
/*指定tittle属性值*/
[title=t] {
color: red
}
</style>
</head>
<body>
<hr>
<p title="HTML的标签真多啊!">属性选择器</p>
<hr>
<p title="t">属性选择器指定属性值</p>
</body>
</html>
参考资料来源：HTML-百度百科我们经常会设置title属性来显示提示的内容，最常见的一种就是超过文本框的内容显示省略号，鼠标移上去显示完整的内容，这里顺便说下显示省略号的设置，如div{text-overflow:ellipsiswhite-space:nowrapoverflow:hidden}然后设置title=文本内容就可以了。有时候会觉得title默认的样式不好看，其实这时我们可以设置一个div,让其默认隐藏，当鼠标一上去的时候显示，并且里面的内容使用js控制，使其等于innerHTML的内容，这样就可以说是变相的改变了title的样式，是不是一种很好的解决方式？
标题使文本更加醒目，帮助人们快速浏览文档。添加标题的最简单方法是：使用【标题样式】。选择要用作标题的文本；在“开始”选项卡上，将鼠标指针移到“样式库”中的不同标题上（当你将鼠标悬停在每个样式上时，文本也会随之更改，因此你可以看到其在文档中的外观）； 单击要使用的标题样式。
样式库位于“开始”选项卡，如果没看到所需的样式，请单击“更多”按钮 （向下箭头） 以展开库
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）