该主要用来定义当超出元素限定范围内之后，为了防止混乱，对超出元素范围的做的处理。

text-overflow 规定当文本溢出包含元素时发生的事情。

text-overflow 用于设置当超过所在元素设定的范围时候的展示。

.demo{
    text-overflow: clip|ellipsis|string;
}

值说明

<div class="demo">
    网css3教学 text-overflow。
</div>

.demo{
    height: px;
    width: px;
    overflow: hidden;
    white-space: rap;
    text-overflow:clip ;
}

图

<div class="demo">
    网css3教学 text-overflow。
</div>

.demo{
    height: px;
    width: px;
    overflow: hidden;
    white-space: rap;
    text-overflow:ellipsis ;
}

图

<div class="demo">
    网css3教学 text-overflow。
</div>

.demo{
    height: px;
    width: px;
    overflow: hidden;
    white-space: rap;
    text-overflow:"!" ;
}

图

说明：只在火狐浏览器兼容。

text-overflow这个常常用来限制超出后我们怎么去处理超出的这部分，通常是隐藏掉，这样才不会破坏的视觉，不会把堆积重叠到一起。