css控制文字显示长度，超过用省略号替代

其实是个很简单的问题，文章标题过长 ，造成文字换行，影响显示效果。

于是后台代码 开始 length 判断，一会发现 中文和 英文宽度不同，很难判断出来。

记得以前看到过 CSS 可以来控制，于是 Google.

 

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

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