2013-07-05 14 views
13

LESS CSS = http://lesscss.org/Các số có thể được làm tròn (thuật ngữ toán học) bằng cách sử dụng CSS LESS không?

tôi tuyên bố một biến, như thế này ... @height: 30px

Sau đó, tôi sử dụng một phép tính đơn giản, như thế này ... line-height: @height * .666

Nó trả 19.98px nhưng tôi muốn một thậm chí 20px

Vậy, CSS của LESS có cách làm tròn số lên hoặc xuống không?

+0

Vâng, jquery và LESS được dựa trên JjQuery. – Greg

+7

@Greg LESS là một ngôn ngữ biên dịch thành CSS. Nó không liên quan gì đến jQuery. – Paulpro

+0

@Paulpro: Từ wikipedia: LESS là mã nguồn mở. Phiên bản đầu tiên của nó được viết bằng Ruby, tuy nhiên trong các phiên bản sau, việc sử dụng Ruby đã không được chấp nhận và được thay thế bởi JavaScript. – Greg

Trả lời

30

Có họ có thể:

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

Cảm ơn @Paulpro Tôi sẽ chấp nhận câu trả lời này ngay sau khi nó cho phép. Bạn có bất kỳ tài nguyên (aka: liên kết), bạn có thể đề nghị cho LESS "thủ đoạn" khác? Tôi mới đến LESS và tôi không thấy nhiều trên trang web chính thức. – Kirkland

+1

@Kirkland Bạn luôn có thể quét [tham chiếu (liên kết)] (http://lesscss.org/#reference) cho một hàm phù hợp với nhu cầu của bạn: – Paulpro

+0

@Paulpro: Math.ceil (số) là hàm javscript. http://msdn.microsoft.com/en-us/library/ie/w0w5b52h%28v=vs.94%29.aspx cũng như những người khác. – Greg

Các vấn đề liên quan