<!-- html代码 --> <p class="single">该文的主题思想即对自由境界的向往。朱自清其时虽置身在污浊暗中的旧中国，但他的心灵世界则是一片澄澈明净，他的精神依然昂奋向上。朱自清把他健康高贵的审美情趣，，把他对美功德物的无限热爱，将他对人生抱负的不懈追求熔铸到文章中去。熔铸到诗一样斑斓的语言中去。从而使整篇文章洋溢着浓浓的诗意，孕育产生了经久不衰的艺术魅力<p> /*css代码*/ /*单行*/ .single{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*多行*/ .single{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; flex-direction: column; }

注意:如果想实现三行省略可以改削属性 -webkit-line-clamp:3

实现效效果:

css多行省略和单行省略