文本超出显示省略号

{
   height: 20px;
   white-space: nowrap;//文字超出不换行；
   overflow:hidden;//不显示超过对象尺寸的内容，就是把超出的部分隐藏了；
   text-overflow:ellipsis;// 当文本对象溢出是显示…，当然也可是设置属性为 clip 不显示点点点；
}

效果如图：