长字符串的剪裁(前台方式)

时间：2010-12-01 来源：乐道

以往我们都会加上样式：overview:hidden;

很好问题解决了，但是新的问题又来了，我们需要过长的字符串隐藏后，在其后面加上”...“，如下：

I am working on my blog post formatting this day.

注：若你看不到”...“，则说明你的浏览器不支持。

下面来看一下这个DIV的样式：

overflow: hidden; 
text-overflow: ellipsis; 
width: 150px;
white-space:nowrap;

关键在于：text-overflow: ellipsis;

这种方式支持IE6+，Chrome浏览器，切记要和overview:hidden; white-space: nowrap;一起使用。

（在下一篇，我将介绍后台的方法对长字符串进行剪裁，希望继续关注！）

相关阅读更多 +

排行榜更多 +

夕鸟

生活实用下载

partyplay

聊天通讯下载

婚礼纪

生活实用下载