波斯马BOSSMA Information Technology

CSS控制(截取)字符串长度显示

发布时间:2010年8月17日 / 分类:CSS / 19,293 次浏览 / 评论

用于列表中显示文章标题长度过长,会换行或者超出页面布局。
这里提供一个方法:使用CSS截取字符串,超长的显示省略号。
不过text-overflow:ellipsis;似乎只被IE支持,Firefox中无省略号。

<html>
<head>
<style type="text/css">
.cutLen{
??? width:200px;
??? overflow:hidden;
??? white-space:nowrap;
??? text-overflow:ellipsis;
}
</style>
</head>
<body>
<div>用CSS截取字符串,在火狐浏览器中无省略号</div>
</body>
</html>
本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自波斯马,原文地址《CSS控制(截取)字符串长度显示

关键字:

建议订阅本站,及时阅读最新文章!
【上一篇】 【下一篇】

发表评论