HTML/JS转换工具
Unicode编码转换
当前位置:首页 > 网站技术 > 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界的突发事件
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片