用css截取字符串长度的方法

有时我们在做页面展示的时候，会遇到文章标题字符过多的问题，需要截取一定长度并后面用省略号代替。这个可以用css来实现。不过在火狐浏览器上不显示省略号，用时要注意兼容性。

 

<style type="text/css">
.cutLen {...} {
    width:200px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
</style>
<div class="cutLen">用CSS截取字符串，在火狐浏览器看看</div>