Wie konvertiert man einen numerischen Wert in einen Prozentwert (oder) hängt das Prozentzeichen an eine Zahl an?

Question

Wie konvertiert man einen numerischen Wert in einen Prozentwert (oder) hängt das Prozentzeichen an eine Zahl an?

8

Ich versuche, weniger CSS zu verwenden, um Folgendes zu tun:

%Vor%

Das Problem ist jedoch, dass die Ausgabe wird:

%Vor%

Wie mache ich es machbar? zB:

%Vor%

css less

Joel 08.08.2011, 06:46

quelle

3 Antworten

Tags und Links css less

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Definieren Sie eine Methode mit vielen (oder unendlichen) Argumenten

score 12 · Answer 1

12

Es ist möglich String-Interpolation zu verwenden:

%Vor%

Das wird

ausgeben %Vor%

Wenn Sie möchten, dass es gerundet wird, können Sie auch round() verwenden.

Loïs Di Qual 08.08.2011 06:55

quelle

score 7 · Answer 2

Obwohl diese Frage ziemlich alt ist, möchte ich ein paar weitere Beispiele zum Hinzufügen hinzufügen. Less setzt deine Einheiten auf das, was gerade betrieben wird.

%Vor%

gibt 30px

aus %Vor%

gibt 10%

aus

Bei Einheiten müssen Sie also die Einheitenmessung nicht verketten.

Ich habe festgestellt, dass das Hinzufügen von 0 hilft, wenn Sie nicht wissen, wie groß der Einheitswert sein könnte.

%Vor%

Die obige Klasse hat eine Breite von 20%. Wenn wir mit px addieren, wäre es 20px.

score 1 · Answer 3

Aus irgendeinem Grund fehlt hier die am wenigsten ausführliche und offensichtlichste Methode (sie ist eigentlich in Richard Testanis Antwort, aber dort wird sie durch weiteren Code behindert, der in eine falsche Richtung führt). Damit... Die Antwort auf das Original:

%Vor%

ist so einfach wie:

%Vor%

Apropos percentage :

es macht auch den Trick, aber persönlich würde ich es nie für seine Ausführlichkeit und Unlesbarkeit verwenden. Beim schnellen Scannen liest percentage(480/1366) genau wie peekabooze(480/1366) , also musst du anhalten und darauf starren, um einen Hinweis zu erhalten. Im Gegensatz dazu macht das explizite Erscheinen von % in 480/1366*100% (oder 480 / 1366 * 100% ) es leichter bemerkbar.