css实现超长文字省略号处理(单行和多行)

当行超长文字处理方法:

">用CSS实现超长字段被省略的简单方法

效果如下图所示:
css实现超长文字省略号处理(单行和多行)_第1张图片

注意:设置宽度,overflow:hidden, white-space:nowrap, text-overflow:ellipsis四个属性缺一不可。这种写法在所有的浏览器中都能正常显示。


多行超长文字处理方法:


  1. overflow : hidden;
  2. text-overflow: ellipsis;
  3. display: -webkit-box;
  4. -webkit-line-clamp: 2;
  5. -webkit-box-orient: vertical;


你可能感兴趣的:(前端技术,css)