Wie erreiche ich text-overflow:ellipsis in Firefox 4 ohne JavaScript?

text-overflow:ellipsis in Firefox 4

Firefox-Entwickler diskutieren seit 2005 über die CSS-Eigenschaft text-overflow:ellipsis; offensichtliches Bedürfnis, sie scheinen es nicht tatsächlich umzusetzen (nicht einmal experimentell -moz- auch die Umsetzung ist ausreichend).

Vor ein paar Jahren hat jemand herausgefunden, wie man Firefox 3 hackt, um Ellipsen zu unterstützen. Dieser Hack implementiert es mithilfe von XUL mithilfe der Funktion -moz-binding. Es gibt mittlerweile viele Websites, die diesen Hack verwenden.

Schlechte Nachrichten? Firefox 4 entfernt die Funktion „-moz-binding“, was bedeutet, dass dieser Hack nicht mehr funktioniert.

Sobald Firefox 4 veröffentlicht wird (ich habe gehört, dass es später in diesem Monat sein wird), werden wir das Problem haben, dass wir diese Funktion nicht mehr unterstützen können.

Meine Frage lautet also: Gibt es eine andere Möglichkeit, dieses Problem zu lösen? (Ich versuche, JavaScript-Lösungen nach Möglichkeit zu vermeiden)

[bearbeiten]
Es gibt viele positive Stimmen, also möchte es natürlich nicht nur ich wissen, aber bisher habe ich nur eine Antwort erhalten Im Grunde heißt es „JavaScript verwenden“. Ich hätte immer noch gerne eine Lösung, die ohnehin kein JS benötigt oder es schlimmstenfalls als Fallback nutzt, wenn die CSS-Funktionalität nicht funktioniert. Deshalb werde ich ein Kopfgeld auf diese Frage aussetzen, in der Hoffnung, dass irgendwo jemand die Antwort gefunden hat.

[bearbeiten]
Update: Firefox ist in den Schnellentwicklungsmodus eingetreten, aber obwohl FF5 jetzt veröffentlicht ist, wird diese Funktion immer noch nicht unterstützt. Nachdem die meisten Benutzer nun ein Upgrade von FF3.6 durchgeführt haben, ist Hacking keine Lösung mehr. Die gute Nachricht ist, dass es, soweit ich weiß, möglicherweise zu Firefox 6 hinzugefügt wird, das gemäß dem neuen Veröffentlichungsplan in einigen Monaten veröffentlicht wird. Wenn ja, könnte ich wohl warten, aber es ist eine Schande, dass sie das Problem nicht früher beheben konnten.

[Endgültige Bearbeitung]
Ich sehe, dass die Auslassungspunkte-Funktion endlich zum „Aurora Channel“ (d. h. der Entwicklungsversion) von Firefox hinzugefügt wurde. Dies bedeutet, dass es jetzt als Teil von Firefox 7 veröffentlicht werden sollte, das voraussichtlich Ende 2011 veröffentlicht wird. Was für ein Vergnügen.

Versionshinweise finden Sie hier: https://developer.mozilla.org/en-US/Firefox/Releases/7

Um den gleichen Effekt des Textüberlaufs in Firefox 4 zu erzielen, können Sie Folgendes tun Verwenden Sie den folgenden JavaScript-Code:

var limit = 50;
var ellipsis = "...";
if( $('#limitedWidthTextBox').val().length > limit) {
   // -4 to include the ellipsis size and also since it is an index
   var trimmedText = $('#limitedWidthTextBox').val().substring(0, limit - 4); 
   trimmedText += ellipsis;
   $('#limitedWidthTextBox').val(trimmedText);
}

Das obige ist der detaillierte Inhalt vonWie erreiche ich text-overflow:ellipsis in Firefox 4 ohne JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!