波斯马BOSSMA Information Technology

CSS控制（截取）字符串长度显示

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

用于列表中显示文章标题长度过长，会换行或者超出页面布局。
这里提供一个方法：使用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控制（截取）字符串长度显示》

关键字:

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

发表评论

相关文章

想了解服务发现、配置管理的同学，欢迎加入1000人Consul交流群：234939415

扫码关注公众号：萤火架构

    文章分类
    最新评论