超简单css单行或多行文本溢出显示省略号
超简单css单行或多行文本溢出显示省略号
·
一、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;//设置显示文本的行数
已为社区贡献1条内容
所有评论(0)