CSS样式怎么控制字数显示？

admin

今天首页调用了zblog的最新文章，发现标题多出了很多字，于是想法解决！把解决方法分享如下：
需要注意的一点就是 width:150px; 必须加上要不然得不到你想要的结果，也只能够控制一行显示的字数，多行就不行了，个人认为实际应用中很少用到，基本后台制作时候控制显示输出的个数更好...把下面代码放到需要控制的样式里面就行，宽度自行修改...

1. overflow:hidden;
   
2. width:150px;
   
3. white-space:nowrap;
   
4. text-overflow:ellipsis;          /* for IE */
   
5. -o-text-overflow: ellipsis;      /* for Opera */
   
6. -icab-text-overflow: ellipsis;   /* for iCab */
   
7. -khtml-text-overflow: ellipsis; /* for Konqueror Safari */
   
8. -moz-text-overflow: ellipsis;    /* for Firefox,mozilla */
   
9. -webkit-text-overflow: ellipsis; /* for Safari,Swift*/

复制代码

mm

哈哈……多出的部分显示为空白了  要是显示为……省略号更好！

ioekn

不错的贴，太喜欢了，大家都顶啊