首页 > 开发 > CSS > 正文

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

2024-07-11 08:38:41
字体:
来源:转载
供稿:网友

复制代码代码如下:
<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>

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表