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

css截取字符串,多余部分用省略号显示

时间:2014-12-17 10:39:04      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   sp   div   log   bs   as   nbsp   

通常的我们在读取文章标题的时候,遇到字符过多,都是通过程序在SERVER端截取一定的字符数,然后添加...来实现标题长度截取的。其实我们也可以通过CSS来控制。

实列如下:

 

.title { width:200px; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; }

 

可用span或div引用,例如:

<span class="title">客户端解决标题显示太长省略多余部分并加省略号的样式</span>

<div class="title">客户端解决标题显示太长省略多余部分并加省略号的样式</div>

 

以上2例显示在超过样式定义的200px宽度后,后面的字符将被...替换.

css截取字符串,多余部分用省略号显示

标签:style   blog   color   sp   div   log   bs   as   nbsp   

原文地址:http://www.cnblogs.com/jearay/p/4168783.html

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