<div> 

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

  修改 width 属性查看效果。

</div>

div {

  overflow:hidden;

  text-overflow:ellipsis;

  white-space:nowrap;

  width:120px;

}