一、css 单行文字溢出显示省略号

注意:如果不生效,给盒子设置宽度;以下是css样式

overflow: hidden;//溢出隐藏
text-overflow: ellipsis;//省略号
white-space: nowrap;//强制文本不换行

二、css多行文本溢出显示省略号

word-break: break-all;//单词内的断句
overflow: hidden;//溢出隐藏
text-overflow: ellipsis;//省略号
display: -webkit-box;//将对象作为弹性伸缩盒子模型显示
-webkit-box-orient: vertical;//设置弹性盒子的子元素的排列方式
-webkit-line-clamp: 2;//设置显示文本的行数
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。