div+css:用截取方法,标题只显示十个字符,剩下的用...表示,鼠标放上去后,会显示全部内容。

如题,就是一个标题限定截取十个字符,剩下的字符用...显示,当鼠标放上去后会有悬浮提示显示全部标题,只记得是在标签里加一个属性,但是不记得属性是什么了,求救~~~... 如题,就是一个标题限定截取十个字符,剩下的字符用...显示,当鼠标放上去后会有悬浮提示显示全部标题,只记得是在标签里加一个属性,但是不记得属性是什么了,求救~~~ 展开
 我来答
zwjtk
2015-05-19 · TA获得超过1741个赞
知道小有建树答主
回答量:300
采纳率:82%
帮助的人:203万
展开全部

你好,给你一个完整例子:

<!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>

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

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

Love_Bydu
推荐于2017-10-01 · TA获得超过303个赞
知道小有建树答主
回答量:249
采纳率:0%
帮助的人:129万
展开全部
<div style='width:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;' title='鼠标悬浮显示的内容'>鼠标悬浮显示的内容</div> 这个内容因为是在div里面,是控制div的宽度来显示你需要看到几个字的长度,超出会显示 ...
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
昌e电脑
2015-05-19 · 超过326用户采纳过TA的回答
知道小有建树答主
回答量:602
采纳率:0%
帮助的人:507万
展开全部
html的hover属性,在hover属性里重新定义a标签。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式