2013-07-05 13 views
13

MENO CSS = http://lesscss.org/È possibile arrotondare i numeri (termine matematico) utilizzando LESS CSS?

ho dichiarato una variabile, come questo ... @height: 30px

poi ho usato un semplice calcolo, come questo ... line-height: @height * .666

Esso restituisce 19.98px ma volevo un ancora 20px

Quindi, MENO CSS ha un modo per arrotondare i numeri su o giù?

+0

Bene, jquery fa e LESS è basato su JjQuery. – Greg

+7

@Greg LESS è un linguaggio che viene compilato in CSS. Non ha nulla a che fare con jQuery. – Paulpro

+0

@Paulpro: da wikipedia: LESS è open source. La sua prima versione è stata scritta in Ruby, tuttavia nelle versioni successive, l'uso di Ruby è stato deprecato e sostituito da JavaScript. – Greg

risposta

30

Si possono:

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

Grazie a @Paulpro accetterò questa risposta appena possibile. Hai qualche risorsa (nota anche come link) che puoi consigliare per altri "trucchi" di LESS? Sono nuovo di MENO e non ho visto molto sul sito ufficiale. – Kirkland

+1

@Kirkland Puoi sempre scansionare [il riferimento (collegamento)] (http://lesscss.org/#reference) per una funzione che si adatta alle tue esigenze: – Paulpro

+0

@Paulpro: Math.ceil (numero) è una funzione javscript. http://msdn.microsoft.com/en-us/library/ie/w0w5b52h%28v=vs.94%29.aspx come gli altri. – Greg

Problemi correlati