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*/
哈哈……多出的部分显示为空白了要是显示为……省略号更好! 不错的贴,太喜欢了,大家都顶啊
页:
[1]