div+css：用截取方法，标题只显示十个字符，剩下的用...表示，鼠标放上去后，会显示全部内容。
如题，就是一个标题限定截取十个字符，剩下的字符用...显示，当鼠标放上去后会有悬浮提示显示全部标题，只记得是在标签里加一个属性，但是不记得属性是什么了，求救~~~...
如题，就是一个标题限定截取十个字符，剩下的字符用...显示，当鼠标放上去后会有悬浮提示显示全部标题，只记得是在标签里加一个属性，但是不记得属性是什么了，求救~~~
展开
3个回答
展开全部
你好，给你一个完整例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ellipsis</title>
</head>
<body>
<style>
.demo {display: inline-block;*display: inline;*zoom: 1;width: 140px;height: 20px;line-height: 20px;font-size: 12px;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.demo:hover {height: auto;white-space: normal;}
</style>
<a href="#" target="_blank" class="demo">这是一段测试用的文本，没有实际意义，只是想达到显示效果。</a>
</body>
</html>
根据你的字体、字号，调整宽度即可
希望是你想要的效果，如有疑问欢迎追问，望采纳~~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div style='width:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;' title='鼠标悬浮显示的内容'>鼠标悬浮显示的内容</div> 这个内容因为是在div里面，是控制div的宽度来显示你需要看到几个字的长度，超出会显示 ...
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
html的hover属性，在hover属性里重新定义a标签。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
