最多显示2行文字,多余的省略显示。

前端在 CSS 中最多显示 2 行文字，可以使用overflow: hidden和text-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;}

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