有了下面这个客户端(CSS)解决自动截取字符串长度,并以...代替教程,不懂客户端(CSS)解决自动截取字符串长度,并以...代替的也能装懂了,赶紧get起来装逼一下吧!
【 tulaoshi.com - Web开发 】
通常的我们在读取文章标题的时候,遇到字符过多,都是通过程序在SERVER端截取一定的字符数,然后添加...来实现标题长度截取的。其实我们也可以通过CSS来控制。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)实列如下:
.title
{
width:200px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}
可用span或div引用,例如:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)span class=title客户端解决标题显示太长省略多余部分并加省略号的样式/span
div class=title客户端解决标题显示太长省略多余部分并加省略号的样式/div
以上2例显示在超过样式定义的200px宽度后,后面的字符将被...替换.
来源:http://www.tulaoshi.com/n/20160219/1621704.html
看过《客户端(CSS)解决自动截取字符串长度,并以...代替》的人还看了以下文章 更多>>