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>

根据你的字体、字号,调整宽度即可

希望是你想要的效果,如有疑问欢迎追问,望采纳~~

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-10-01
<div style='width:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;' title='鼠标悬浮显示的内容'>鼠标悬浮显示的内容</div> 这个内容因为是在div里面,是控制div的宽度来显示你需要看到几个字的长度,超出会显示 ...本回答被提问者采纳
第2个回答  2015-05-19
html的hover属性,在hover属性里重新定义a标签。

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网