前端在 CSS 中最多显示 2 行文字,可以使用overflow: hiddentext-overflow: ellipsis属性,并设置一个高度限制。

例如:

.box{overflow:hidden;text-overflow:ellipsis; // 只要超过宽度就换行,不论中文还是英文 word-break: break-all;//最多展示两行 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;//根据样式设置line-height:1.2em;max-height:2.4em;}

这样,如果文本需要更多的行数才能完全显示,则会省略多余的文本并在末尾显示省略号(…)。