div+css:用截取方法,标题只显示十个字符,剩下的用...表示,鼠标放上去后,会显示全部内容。
如题,就是一个标题限定截取十个字符,剩下的字符用...显示,当鼠标放上去后会有悬浮提示显示全部标题,只记得是在标签里加一个属性,但是不记得属性是什么了,求救~~~...
如题,就是一个标题限定截取十个字符,剩下的字符用...显示,当鼠标放上去后会有悬浮提示显示全部标题,只记得是在标签里加一个属性,但是不记得属性是什么了,求救~~~
展开
展开全部
你好,给你一个完整例子:
<!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标签。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询