CSS 设置标题文字只显示一行，多余显示省略号

.view-text{
  /**

   a.设置inline-block 属性
   b.强制不换行
   c.固定宽度
   d.隐藏超出部分
   e.显示“……”
  */
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow:ellipsis;
}

转载于:https://www.cnblogs.com/DaHai-st/p/10130362.html