文本显示为单行，超过部分隐藏并使用省略号

<div>
文本显示为单行,超过部分隐藏并使用省略号
修改 width 属性查看效果。
</div>

 

div {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:120px;
}