CSS 文本超出指定宽度后隐藏并显示为省略号

    .text-overflow {     
      
      display:block;/*内联对象需加  或inline-block */      
      
      width:25em;     
      
      word-break:keep-all;/* 不换行 */      
      
      whitewhite-space:nowrap;/* 不换行 */     
      
      overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */      
      
      text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/  
      
    }