CSS控制标题字符长度的方法

我们在网页制作的时候，一般列表页都会一定的长度，而在后台调用的时候，调出的标题都是整个标题长度，如果不加以截取，可能会换行或者错位，这样对于用户体验不好，我们需要控制下标题长度。

常用的思路是，直接控制调出标题的字数，这样就不会错位，但是对于手机端来说，不同的屏幕尺寸，宽度也不一样，如果截取了字符，就会有大片空白，这样不好，余斗今天教大家用css来控制标题长度，多余的部分我们则隐藏，具体方法如下：

HTML代码为：

<div class="abc">我是标题，我很长，很长，真的很长，已经长的令人无法接受了！！！</div>
 

CSS代码为：

<style type="text/css">
.abc {
background-color: #CCC;
width: 200px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
</style>
 
套路很深，不支持下载！