我们经常遇到div宽度固定,单行字符有限,文字信息显示不全,影响阅读性和SEO优化,有没有让你抓狂呢?
下面就大家一个CSS控制单行长度和字符个数的方法 兼容各大浏览器,隐藏多余字符,用“...”代替。
兼容性:
IE6测试兼容,IE7测试兼容,,IE8测试兼容,IE9测试兼容,Chrome测试兼容,FireFox测试兼容,Opera测试兼容。
CSS代码:
- . li{
- display:block;
- width:100%;
- float:left;
- overflow:hidden;
- whitewhite-space:nowrap;
- text-overflow:ellipsis;
- -o-text-overflow: ellipsis;
- }
按上面的方法就可解决隐藏多余字符,用“...”代替了。