备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

css使文字显示两行后显示省略号

2023-08-10 51
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： css使文字显示两行后显示省略号 
.article {
    color: #000000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

1ce95f2982f32d0f123bd1f08f97e064_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

不兼容ie，可在移动端使用。

文章标签：
前端开发
关键词：
CSS省略号
CSS文字
CSS文字省略号
前端迷
目录
相关文章
远近高低各不同
|
1月前
|
前端开发
CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)
CSS文本单行溢出显示省略号与多行溢出显示省略号(简单易懂)
远近高低各不同
11 0
1024小神
|
1月前
|
Web App开发 弹性计算 前端开发
纯 CSS 实现多行文字截断
纯 CSS 实现多行文字截断
1024小神
21 1
多加点香菜85
|
2月前
|
前端开发 容器
css 中可以让文字在垂直和水平方向上重叠的两个属性是什么？
css 中可以让文字在垂直和水平方向上重叠的两个属性是什么？
多加点香菜85
23 1
极客李华
|
3月前
|
前端开发
html+css+js实现自动敲文字效果
html+css+js实现自动敲文字效果
极客李华
23 0
晚来南风晚相识
|
3月前
css3文字阴影和盒子阴影
css3文字阴影和盒子阴影
晚来南风晚相识
23 0
快乐阿超
|
4月前
|
前端开发
css文字环绕png图片
css文字环绕png图片
快乐阿超
38 1
王同学睡醒了
|
4月前
|
前端开发
CSS：实现文本超出显示省略效果（可指定几行显示）
CSS：实现文本超出显示省略效果（可指定几行显示）
王同学睡醒了
23 1
祈澈菇凉
|
5月前
|
前端开发
css文字字体间距设置
css文字字体间距设置
祈澈菇凉
26 0
祈澈菇凉
|
5月前
|
前端开发
css实现溢出部分文字成为省略号
css实现溢出部分文字成为省略号
祈澈菇凉
18 0
祈澈菇凉
|
5月前
|
前端开发
【前端切图】CSS文字渐变和背景渐变
【前端切图】CSS文字渐变和背景渐变
祈澈菇凉
37 0