#单行显示省略
{
white-space: nowarp;
text-overflow: ellipsis;
overflow: hidden;
}
#多行显示省略
{
overflow：hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
都可以通过max-width 限制宽度
代码记录-css文字溢出显示省略号
原创
©著作权归作者所有：来自51CTO博客作者挨踢僵尸的原创作品，请联系作者获取转载授权，否则将追究法律责任
提问和评论都可以，用心的回复会被更多人看到
评论
发布评论
相关文章
-
有趣的CSS - 文字加载动画效果
用 css 实现多字符模拟加载动画效果。
css 加载动画 交互 ux 动效 -
多行溢出文字省略号显示（HTML、CSS）
多行溢出文字省略号显示（HTML、CSS）<!DOCTYPE html><html lang="en"><head> <meta charse
html css css3 html5 省略号 -
CSS三行代码实现 溢出的文字省略号显示
【代码】CSS三行代码实现 溢出的文字省略号显示。
css 前端 html 省略号 -
CSS基础(part18)--溢出的文字省略号显示
学习笔记，仅供参考，有错必纠参考自：pink老师课堂笔记文章目录溢出的文字省略号显示wh
html css 省略号 html页面
