javascript和JQuery焦点图和代码特效大全
当前最流行的开源CMS网站系统大全
当前位置:首页 > 网站技术 > DivCss教程

css实现多行超出显示省略号

来源:IT技术网编辑:雨天发布于:2017-10-08人围观

单行省略号

1
2
3
4
5
6
7
<div class="test"> asadsadsadsasadasdsadadasa</div>  
lt;pre name="code" class="html">  .test{  
   width50px;  
   overflowhidden;  
   white-spacenowrap;  
   text-overflow: ellipsis;  
 }

 

多行省略号

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="test1"> asadsadsadsasadasdsadadasaasadsadsa  
dsasadasdsadadasaasadsadsadsasadasdsadadasaasadsadsadsasadasdsadadasaa  
sadsadsadsasadasdsadadasaasadsadsadsasadasdsadadasa</div>  
  .test1{  
      height60px;  
      width50px;  
      display: -webkit-box;  
      display: -moz-box;  
      overflowhidden;  
      text-overflow: ellipsis;  
      word-break: break-all;  
      -webkit-box-orient: vertical;  
      -webkit-line-clamp:3;  
  }

与相关的文章
有时间的话来看看IT界的突发事件