码迷,mamicode.com
首页 > Web开发 > 详细

html文本太长显示为省略号的方法

时间:2014-11-26 11:08:40      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:sp   on   html   ef   htm   方法   text   信息   ip   

<a>元素在content比较多的情况下,显示不全,需要省略显示,并且在鼠标停留的时候有全文提示。
其实现方法是:
css
.test
{
white-space:nowrap;/*不换行*/
overflow:hidden;/**/
text-overflow:ellipsis;/*超长显示为省略号*/
}
标签的写法:
<a href="#" title="abc">content</a>
注意:一点要写title属性,该属性是提示信息。

html文本太长显示为省略号的方法

标签:sp   on   html   ef   htm   方法   text   信息   ip   

原文地址:http://www.cnblogs.com/363546828/p/4122409.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!