当前位置:首页 > 设计在线 > 网页设计 > CSS/Xhtml > 如何用CSS截取中文字符串

如何用CSS截取中文字符串

点击次数:88 次 发布日期:2008-11-03 10:40:00 作者:lyx(炫澜冰莹)
源代码网推荐

源代码网整理以下把超出长度的字符串自动截断固然可以用程序实现,但用CSS也可以达到同样的目的,并且用CSS只是在视觉上达到截断的效果,实际上代码中的文字还是完整的,这样还不会错过搜索引擎查询的机会。

源代码网整理以下具体CSS代码:

源代码网整理以下.class {
width:200px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}

源代码网整理以下这里要注意的是必须限定样式的宽度和加上“overflow:hidden;”,这样才能达到截取的效果,“text-overflow:ellipsis;”是限制是否以“...”代替被截取的字符。

lyx(炫澜冰莹)供稿.
网友评论 (0)
会员中心
设计在线
本站推荐
设计在线之精华