今天我们要介绍一个CSS3中新出现的一个属性text-overflow，这个属性可以用来定义当文本超出文本框后的处理方式。有以下两种
clip ：无省略号
Ellipsis ： 省略号
在使用text-overflow属性的时候，需要和overflow：hidden 和white-space：nowrap一起使用才有效果。代码如下
html代码片段
<div class="box">
每天学习一点点，每天学习一点点，每天学习一点点，每天学习一点点
</div>
css样式
.box {
border: 1px solid black;
width: 300px;
font: 14px/30px "宋体";
/*文本不换行*/
white-space: nowrap;
/*多余的文本用省略号代替*/
text-overflow: ellipsis;
/*溢出文字隐藏不显示*/
overflow: hidden;
}
效果图如下
点击订阅本头条号，每天学点小技巧，让工作越来越轻松！