CSS截取字符串,多余文字省略号显示
2011-09-14 22:24
357 查看
<style type="text/css"> body{ font-family:Arial, Helvetica, sans-serif; /* 字体种类*/ font-size:12px;/*字体大小*/ } div{ width:200px; /*容器宽度*/ height:24px;/*高度*/ line-height:24px;/*行高*/ overflow:hidden;/*超出部分 隐藏*/ border:#ccc solid 1px;/*容器边框,1像素,颜色是#ccc(淡灰)*/ background-color:#F9F9F9;/*背景色*/ margin:5px;/*上下左右全空5像素*/ } div a{ color:#000;/*链接颜色*/ display:block;/*转化为区块*/ padding-right:7px;/*右缩进7像素*/ background:url(http://www.365css.cn/example/ellipsis_365css.cn/ellipsis.gif) no-repeat right bottom; /*背景图片,右下显示,只显示一次*/ } </style> <div><a href="#">CSS截取字符串,超出用省略号代替</a></div> <div><a href="#">CSS截取字符串,并将超出用省略号代替</a></div> <div><a href="http://www.hi.baidu.com/fzlibei" target="_blank">CSS</a></div> <div><a href="http://www.hi.baidu.com/fzlibei" target="_blank"><span></span></a></div>
相关文章推荐
- CSS截取字符串,多余文字用省略号显示
- CSS截取字符串,将多余文字用省略号显示
- 字符串过长CSS截取多余文字并用省略号显示
- 字符串过长CSS截取多余文字并用省略号显示
- CSS截取字符串,将多余文字用省略号显示
- CSS截取字符串多余字符并以省略号显示
- css截取字符串,多余部分用省略号显示
- 文本溢出、字符串过长截取多余文字并用省略号显示
- ASP.net:截取固定长度字符串显示在页面,多余部分显示为省略号
- 截取字符串,多余部分用省略号显示
- 利用CSS使多余文字以省略号显示
- CSS实现在FireFox下截取字符串显示省略号
- ASP.net:截取固定长度字符串显示在页面,多余部分显示为省略号
- 截取固定长度字符串显示在页面,多余部分显示为省略号(区分汉字和字符)
- 截取固定长度字符串显示在页面,多余部分显示为省略号(区分汉字和字符)
- ASP.net:截取固定长度字符串显示在页面,多余部分显示为省略号
- CSS实现在FireFox下截取字符串显示省略号
- 截取固定长度字符串显示在页面,多余部分显示为省略号(区分汉字和字符)
- 截取固定长度字符串显示在页面,多余部分显示为省略号(区分汉字和字符)
- ASP.NET - 截取固定长度字符串显示在页面,多余部分显示为省略号