So verwenden Sie text-overflow:ellipsis in Firefox

Wie verwende ich text-overflow:ellipsis in Firefox? Ich glaube, dass viele Freunde, die neu im Front-End sind, solche Fragen haben werden. Dieses Kapitel führt Sie in die Verwendung von text-overflow:ellipsis im Firefox-Browser ein. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Die Verwendung von text-overflow:ellipsis zur Anzeige von Ellipsen im Überlauftext hat zwei Vorteile: Erstens besteht keine Notwendigkeit, die Anzahl der Wörter im Programm zu begrenzen ist für SEO von Vorteil. Normalerweise muss die Artikeltitelliste verwendet werden, um Auslassungspunkte für Überlauftext anzuzeigen. Diese Verarbeitung ist suchmaschinenfreundlicher, da der Titel nicht wirklich abgeschnitten, sondern auf die Breite beschränkt und nicht angezeigt wird.

Der übliche Ansatz ist dieser:

1.overflow:hidden;

2.text-overflow:ellipsis;

3.-o- text -overflow:ellipsis;

4.white-space:nowrap;

5.width:100%;

Unter ihnen sind overflow:hidden und white-space:nowrap Alle sind erforderlich, sonst werden die Auslassungspunkte nicht angezeigt; -o-text-overflow: Auslassungspunkte gelten hauptsächlich für IE6; FF unterstützt es jedoch nicht, aber ähnliche Effekte können über Jquery erzielt werden.

Laden Sie dieses Jquery-Plugin herunter: jQuery-Ellipsen-Plugin

   
$(document).ready(function() {
    $('.ellipsis').ellipsis();
}

Das Obige ist eine vollständige Einführung in die Verwendung von text-overflow:ellipsis im Firefox-Browser, wenn Sie mehr über

erfahren möchten HTML-Video-Tutorial

, achten Sie bitte auf die chinesische PHP-Website.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie text-overflow:ellipsis in Firefox. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!