CSS realisiert die Anzeige von Auslassungspunkten über zwei Zeilen hinaus und mehrzeiligen Text

In unserem täglichen Gebrauch von Text, der über die Auslassungspunkte hinausgeht, verwenden wir im Allgemeinen die folgende Methode, um dies zu erreichen. Wenn jedoch zwei oder mehr Zeilen implementiert werden müssen, erfahren Sie, wie dies erreicht wird.

Einzelne Zeile weggelassen:

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

Mehrere Zeilen weggelassen:

  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 超出几行省略 */
  overflow: hidden;

ps: Es ist zu beachten, dass die Breite des Elements kontrolliert werden muss.