关于前端:CSS-溢出文字省略号显示

1、单行文本溢出显示省略号

 /* 1、强制一行内显示文本（默认值是 normal，会主动换行） */ white-space: nowrap;  /* 2、超出的局部暗藏 */ overflow: hidden; /* 3、用省略号代替超出局部 */ text-overflow: ellipsis;

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

多行文本溢出显示省略号，有较大兼容性问题，适宜于 webKit 浏览器或挪动端（因为挪动端大部分是 webkit 内核）

 overflow: hidden; text-overflow: ellipsis; /* 弹性伸缩盒子模型显示 */ display: -webkit-box; /* 限度在一个块元素显示的文本行数，这里设置为 2 行 */ -webkit-line-clamp: 2; /* 设置伸缩盒对象的子元素的排列形式 */ -webkit-box-orient: vertical;