其他分享
首页 > 其他分享> > css文本超出隐藏省略号

css文本超出隐藏省略号

作者:互联网

1. 超出显示省略号(单行,一定要加宽度)
  
overflow: hidden; /*超出隐藏*/
  text-overflow: ellipsis; /*隐藏后添加省略号*/
  white-space: nowrap; /*强制不换行*/
2. 超出显示省略号(多行,一定要加宽度)
 
overflow: hidden; /*超出隐藏*/
  text-overflow: ellipsis; /*隐藏后添加省略号*/
 -webkit-box-orient:vertical;
   -webkit-line-clamp:2;  /*想显示多少行*/

标签:省略号,text,超出,ellipsis,overflow,文本,隐藏,css
来源: https://www.cnblogs.com/axdbk/p/16517242.html