自适应宽度省略字符

如图有些标题过长的时候会用”…”来缩略字符。很多时候也会用PHP来截取并加”…”，但是我们通过CSS样式也可以来实现这个效果。

<无>

源码与演示：源码出处

<meta charset="UTF-8" />
<style type="text/css">
.ellipsis {
    white-space: nowrap; /*保留文字间的空白*/
    width: 200px;
    overflow: hidden;  /*超出部分隐藏，*/
    text-overflow: ellipsis; /*超出部分显示成... */
    border:1px solid #333;
}
</style>
<div class="ellipsis"> 这个是自适应宽度并把超出的部表示的css样式代码分用。。。。收藏~ </div>