多行省略

对于多行文字经常会有控制行数的需求,特别是字数不可控的的标题,其中的难点是最后行末的省略号,加上省略号也让文本显得更为优雅,易读。 单行省略 .text-overflow { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; max-width: 100%; } 上述代码使用频率较高,浏览器的支持情况也良好。 多行省略 webkit弹性盒模型方案 .line-clampin { overflow: hidden; text-overflow:ellipsis; display: -webkit-box; »