Ich weiß, dass in den Staaten große Zahlen mit einem , zwischen Tausenden formatiert sind, so dass Sie ,000,000.00 schreiben würden. In Südafrika ist ein , nicht standardisiert und könnte anstelle von . als Dezimalpunkt verwendet werden.
Wir würden 00000.00 schreiben, was schrecklich zu lesen ist. Die typische Lösung besteht darin, ein bisschen Leerzeichen zu verwenden: 000 000.00 .
Das Problem mit dieser Lösung ist, dass es immer noch schrecklich aussieht.
Wenn ich annahme, dass Werte in einem bestimmten DOM-Element in Währungsform formatiert sind (dh die Zahlen sind mit .00 suffigiert, selbst wenn es doppelt so groß ist), wäre die ideale Lösung, das Kerning jedes n-ten last irgendwie zu manipulieren -Brief. Ich habe eine starke Präferenz, Javascript nicht zu benutzen, aber vielleicht ist das nicht möglich ...
Ist so etwas möglich? Was ist die beste Lösung?
Ich glaube nicht, dass das möglich ist - das Kerning einer Schriftart durch CSS zu manipulieren. Am besten ist es, eine Schriftart mit einem idealen Kerning zu finden und diese zu verwenden.
Da Sie jedoch ein variables Kerning benötigen, muss ich JS empfehlen. Es wäre ein einfaches Skript.
html:
%Vor%jQuery-Code:
%Vor%Die folgende CSS-basierte Lösung ist lächerlich und Sie sollten sie nicht verwenden:
html:
%Vor%css:
%Vor%Wenn Sie realistisch sind, können Sie die JS-Lösung mit dieser CSS-Lösung kombinieren, um den durch Leerzeichen getrennten Bereich anstelle des Kommas einzufügen. Dadurch erhalten Sie eine dynamische Platzierung des Bereichs und der Steuerung des Kernings durch die durch Leerzeichen getrennte CSS .
Bitte betrachten Sie das Snippet für ein kombiniertes Beispiel.
Tags und Links css number-formatting letter-spacing kerning