前端在 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;
}

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

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。