css 字符超出长度加省略号

为了防止字符长度太长而影响网站美观,很多时候网站都需要将超出的字符串用省略号代替,实现其功能一般由程序来实现,但其实css也可以实现字符超出长度省略多余字符,以省略号代替的效果,代码如下：

li a {display:block;width: 300px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

实现原理：超出限定宽度就以省略号代替

个人认为,用css实现控制字符长度比程序控制的更人性化些。