先看看最简单的，利用 text-overflow:ellipsis 实现单行文本溢出显示省略号效果 效果如下： 所有主流浏览器都支持 text-overflow 属性。但这个属性仅适用于单行文本，多行的情景远比单行复杂。 1.利用 ...

css样式 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; ...

　　最主要的css样式： 　　white-space: nowrap; 　　overflow: hidden; 　　text-overflow: ellipsis; 　　例子： ...

如果只显示一行，则可以使用以下方法： 　　overflow: hidden; 　　text-overflow:ellipsis; 　　white-space: nowrap; 如果需要显示 ...

1 ...

在html中如果要把多余的文字显示为省略号，那么有以下几种方法： 单行文本： 多行文本： 1.利用-webkit-line-clamp属性 缺点：仅适用于webkit内核或移动端页面。在火狐，ie等浏览器并不支持。 2.用伪元素模拟实现 设定固定宽 ...

.title{ font-size: .7rem; line-height: 1.5rem; overflow: hidden; /** 隐 ...

...