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

...

强制换行 word-wrap:break-word; （单词换行） word-break:break-all; （单个字符换行） 强制不换行 white-space:nowrap; 单行文字超出显示省略号（注意：配合宽度） overflow:hidden ...

多余文字使用省略号效果 代码 ...

CSS控制文本超出指定宽度后用省略号代替，CSS控制文本不换行。 一般的文字截断（适用于内联与块）： .text-overflow { display:block;/*内联对象需加*/ width:31em; word-break:keep-all;/* 不换行 ...

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

overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; ...

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