css实例实现字符串截断并加省略号

作者:divcss教程吧      点击次数:523次     发布日期:2015-05-17

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>学css就到www.divcss8.com 加省略号演示</span>
<div class=title>标题显示太长省略多余部分并加省略号的样式</div>
</body>
</html>

分享DIVCSS8