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

当前位置 : 首页 > 网页制作 > CSS > css实现字符串截断并加省略号示例

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

来源: 作者: 时间:2015-10-31 10:17
这篇文章主要介绍了css实现字符串截断并加省略号示例,需要的朋友可以参考下
这篇文章主要介绍了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>
Tag:
网友评论

<