admin 发表于 2012-3-6 17:57:56

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

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

overflow:hidden;
width:150px;
white-space:nowrap;
text-overflow:ellipsis;          /* for IE */
-o-text-overflow: ellipsis;      /* for Opera */
-icab-text-overflow: ellipsis;   /* for iCab */
-khtml-text-overflow: ellipsis; /* for Konqueror Safari */
-moz-text-overflow: ellipsis;    /* for Firefox,mozilla */
-webkit-text-overflow: ellipsis; /* for Safari,Swift*/

mm 发表于 2012-3-6 18:02:42

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

ioekn 发表于 2012-3-24 04:15:22

不错的贴,太喜欢了,大家都顶啊
页: [1]
查看完整版本: CSS样式怎么控制字数显示?