CSS截取字符串显示省略号

最新推荐文章于 2024-04-17 01:32:59 发布

weixin_34050519

最新推荐文章于 2024-04-17 01:32:59 发布

阅读量104

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/2460148/blog/628820

版权

2019独角兽企业重金招聘Python工程师标准>>>

有时候，为了避免页面中某个Div的内容过多，而导致页面变形，我们通常在CSs中定义overflow:hidden，这样会不显示文字，不过看上去用户体验不太好，为了获得最佳的用户体验，我们在隐藏文字的同时，可以在文字后边显示省略号，CSS中有现成的方法可以用，比如下面对CSS的定义：

1    /*CSS代码如下：*/    
2    show{     
3    overflow:hidden;    
4    white-space:nowrap;    
5    text-overflow:ellipsis;    
6    /*为你显示文字的div添加宽度定义，当超出宽度时会自动添加省略号*/    
7    width:30px;    
8    }

text-overflow:ellipsis就是显示省略号

转载于:https://my.oschina.net/u/2460148/blog/628820