字符串过长时自动截取字符串并加省略号-浅析

项目中经常会遇到这种问题：

显示某个标题时候，如果标题长度太长，要么就要换行显示，要么就需要截取字符串，后二者是采用最多的。

 

在截取字符串的时候，常用的方法是：

 

1.通过数据库查询控制：

这个有点复制，首先是用SQl的substring（title，start，length）开截取需要的长度，再追加省略号

然而，如果长度小于截取长度呢？是不能追加省略号的，所以SQl只一次拼装成功很复杂，需要判断字符串长度。

 

2.页面js判断。

展示题名时候，先js判断在截取加省略号。用JS截取拼装字符串非常容易实现。但是，如果传值进入页面，需要先执行JS的截取再显示，无疑是不可取的。

 

3. 用CSS样式控制。

这个是当前最好用也最实际的方法。

例子：

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

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

 

 

很简单吧，控制长度在200px内，超过就截取并追加...