css实现字符串截断并加省略号示例
发布时间：2014-05-08 14:51:39 作者：佚名 
我要评论
我要评论这篇文章主要介绍了css实现字符串截断并加省略号示例,需要的朋友可以参考下
复制代码
代码如下:<html>
<head><title></title></head>
<style>
.title{
width:100px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}
</style>
<body>
<span class=title>标题显示太长省略多余部分并加省略号的样式</span>
<div class=title>标题显示太长省略多余部分并加省略号的样式</div>
</body>
</html>
相关文章
- 单行文本的控制，以前是由程序员完成的，2008-10-17
- 字符串过长，不雅观，如何实现多余文字街去掉并用省略号显示，苦思冥想多日，发现使用CSS就可轻松搞定，下面将经验心得与大家分享一番，望帮助更多的失足新手2014-06-16
- 可以通过css样式实现DIV元素中文本超长后自动截断并以省略号结尾，一般情况下都是使用javascript，其实使用纯CSS样式也可以做到2014-05-05
- 这篇文章主要介绍了css样式怎么显示省略号，即当超过自定义宽度时隐藏显示省略标记，比较实用，需要的朋友可以参考下2014-04-18
- DIV CSS text-overflow文本有溢出时显示css省略号clip ellipsis样式基础知识与用法实例经验教程篇2014-11-12
- 兼容浏览器的CSS控制字符宽度省略号效果，是非常实用的，由于FF对溢出显示省略号的属性支持不好。因而在进行编码时，应用到了一个HACK和FF的私有属性，大家在学习时注意区2009-01-03
- 在项目中我们经常需要在文本过长时显示，将文本超出的部分内容用省略号代替，基于css代码是怎么实现的呢？下面脚本之家小编通过分析本文给大家详解，感兴趣的朋友一起学习2016-01-19
最新评论