登录/注册

web前端

位置导航: web前端>

css文本超出隐藏显示省略号

通过text-overflow:ellipsis属性来限制超出部分为省略号,外层盒子要设置宽度,注意padding属性,多行隐藏的时候padding部分会显示出来

单行文本隐藏实现方法:

overflow: hidden; text-overflow:ellipsis; white-space: nowrap;


多行文本隐藏实现方法:

display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;


text-overflow省略号样式语法结构

text-overflow语法:

text-overflow : clip | ellipsis 

text-overflow参数值和解释:

clip :  不显示省略标记(...),而是简单的裁切

ellipsis :  当对象内文本溢出时显示省略标记(...)


上一篇:没有了

下一篇:移动端mate标签设置