2013-07-05 11 views
13

LESS CSS = http://lesscss.org/Czy numery można zaokrąglać (terminy matematyczne) za pomocą LESS CSS?

oświadczyłem zmienna, jak to ... @height: 30px

Następnie użyłem prostego obliczenia, jak to ... line-height: @height * .666

Zwraca 19.98px ale chciałem jeszcze 20px

Czy zatem LESS CSS ma sposób na zaokrąglanie liczb w górę lub w dół?

+0

Cóż, jquery ma i LESS jest oparty na JjQuery. – Greg

+7

@Greg LESS to język, który kompiluje się do CSS. Nie ma nic wspólnego z jQuery. – Paulpro

+0

@Paulpro: Z Wikipedii: LESS jest open-source. Jego pierwsza wersja została napisana w Ruby, jednak w późniejszych wersjach użycie Ruby zostało wycofane i zastąpione przez JavaScript. – Greg

Odpowiedz

30

Tak oni:

line-height: ceil(@height * .666);  // 20px (round up) 
line-height: floor(@height * .666); // 19px (round down) 
line-height: round(@height * .666);  // 20px (round to closest integer) 
line-height: round(@height * .666, 1); // 20.0px (round to 1 decimal place) 
+0

Dzięki @Paulpro Przyjmuję tę odpowiedź tak szybko, jak to tylko możliwe. Czy masz jakieś zasoby (alias: linki), które możesz polecić innym "sztuczkom" LESS? Jestem nowy w LESS i nie widziałem zbyt wiele na oficjalnej stronie. – Kirkland

+1

@Kirkland Zawsze możesz po prostu zeskanować [referencję (link)] (http://lesscss.org/#reference) dla funkcji, która odpowiada Twoim potrzebom: – Paulpro

+0

@Paulpro: Math.ceil (liczba) jest funkcją javscript. http://msdn.microsoft.com/en-us/library/ie/w0w5b52h%28v=vs.94%29.aspx jak inne. – Greg

Powiązane problemy