当前位置： 移动技术网 > IT编程>网页制作>CSS > 溢出 省略号 ...

溢出 省略号 ...

2019年01月26日  | 移动技术网IT编程  | 我要评论

 

1.单行  css 里面:　

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

 

2.elementui  table 中省略:

show-overflow-tooltip

 

3.多行css里面:

display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;

 

4.多行 p 里面:

p{

position: relative; line-height: 20px; max-height: 40px;overflow: hidden;

}

p::after{

　　content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 40px; 

background: -webkit-linear-gradient(left, transparent, #fff 55%); 

background: -o-linear-gradient(right, transparent, #fff 55%); 

background: -moz-linear-gradient(right, transparent, #fff 55%); 

background: linear-gradient(to right, transparent, #fff 55%);

}

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网