Läuft mein Text über und zeigt Auslassungspunkte an?

So erkennen Sie, ob Textüberlauf und Auslassungspunkte aktiv sind

Überlaufender Text kann abgeschnitten und mit Auslassungspunkten (...) angezeigt werden CSS-Eigenschaften wie Leerraum, Überlauf und Textüberlauf. In bestimmten Szenarien kann es jedoch erforderlich sein, zu erkennen, welche Elemente überlaufen.

Um dies zu erreichen, können Sie eine JavaScript-Funktion wie die unten angegebene verwenden:

function isEllipsisActive(e) {
  return (e.offsetWidth < e.scrollWidth);
}

Diese Funktion akzeptiert ein Element (normalerweise ein span-Element, das den Text enthält) als Argument. Es vergleicht die offsetWidth (die sichtbare Breite des Elements) mit seiner scrollWidth (die Gesamtbreite des Elementinhalts). Wenn offsetWidth kleiner als scrollWidth ist, bedeutet dies, dass der Inhalt abgeschnitten wird und Auslassungspunkte aktiv sind.

Um die Funktion zu verwenden, übergeben Sie das span-Element als Argument und überprüfen Sie den zurückgegebenen Wert. Ein wahrer Wert zeigt an, dass der Text des Elements überläuft, während ein falscher Wert eine normale Textanzeige angibt.

Das obige ist der detaillierte Inhalt vonLäuft mein Text über und zeigt Auslassungspunkte an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!