Ist es möglich, Zahlen mit CSS zu formatieren? Das heißt: Dezimalstellen, Dezimaltrennzeichen, Tausendertrennzeichen usw.
121
Ist es möglich, Zahlen mit CSS zu formatieren? Das heißt: Dezimalstellen, Dezimaltrennzeichen, Tausendertrennzeichen usw.
Antworten:
Sie können verwenden
Number.prototype.toLocaleString()
. Es kann auch für andere Zahlenformate formatiert werden, z. B. Latein, Arabisch usw.https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString
quelle
Die CSS-Arbeitsgruppe hat 2008 einen Entwurf zur Formatierung von Inhalten veröffentlicht. Derzeit ist jedoch nichts Neues.
quelle
Nun, für alle Zahlen in Javascript verwende ich die nächste:
und wenn Sie ein anderes Trennzeichen als Komma verwenden müssen, zum Beispiel:
oder als Funktion:
quelle
_number.replace
wir aufrufen, müssen wir sicherstellen, dass es sich um eine Zeichenfolge wie diese handelt._number = typeof _number != "undefined" && _number > 0 ? String(_number) : "";
_number.replace
Der wahrscheinlich beste Weg, dies zu tun, besteht darin, einen Bereich mit einer Klasse festzulegen, die Ihre Formatierung angibt, und dann Jquery .each zu verwenden, um die Bereiche zu formatieren, wenn das DOM geladen wird ...
quelle
Nein, Sie müssen Javascript verwenden, sobald es sich im DOM befindet, oder es über die Seite Ihres Sprachservers formatieren (PHP / Ruby / Python usw.).
quelle
rtl
, das denselben Inhalt auf unterschiedliche Weise anzeigt: Sollte er auch serverseitig behandelt werden?Keine Antwort, aber vielleicht von Interesse. Ich habe vor einigen Jahren einen Vorschlag an die CSS WG gesendet. Es ist jedoch nichts passiert. Wenn sie (und Browser-Anbieter) dies tatsächlich als echtes Entwicklerproblem ansehen würden, könnte der Ball vielleicht ins Rollen kommen?
quelle
Wenn es hilft ...
Ich benutze die PHP-Funktion
number_format()
und den Narrow No-Break Space ( 
). Es wird oft als eindeutiger Tausendertrenner verwendet.Da IE8 einige Probleme beim Rendern des Narrow No-Break Space hat, habe ich ihn für ein SPAN geändert
quelle
Sie können CSS für diesen Zweck nicht verwenden. Ich empfehle die Verwendung von JavaScript, falls zutreffend. Weitere Informationen finden Sie hier: JavaScript entspricht printf / string.format
Wie Petr bereits erwähnt hat, können Sie es serverseitig handhaben, aber es hängt völlig von Ihrem Szenario ab.
quelle
Ich glaube nicht, dass du kannst. Sie können number_format () verwenden, wenn Sie in PHP codieren. Andere Programmiersprachen haben auch eine Funktion zum Formatieren von Zahlen.
quelle
Sie können die Jstl-Tag-Bibliothek zum Formatieren von JSP-Seiten verwenden
Ergebnis
Formatierte Nummer (1): £ 120.000,23
Formatierte Nummer (2): 000.231
Formatierte Nummer (3): 120.000,231
Formatierte Nummer (4): 120000.231
Formatierte Zahl (5): 023%
Formatierte Nummer (6): 12.000.023,0900000000%
Formatierte Zahl (7): 023%
Formatierte Nummer (8): 120E3
quelle