Less百分比函数用于将浮点数转换为百分比字符串。
百分比函数示例
下面举个例子来演示一下Less文件中百分比函数的用法。
创建一个名为 "simple.less" 的 Less 文件,代码如下:
少文件:simple.less
div {
font: 0.5;
font: percentage(0.5);
}
现在打开 node.js 命令提示符并执行以下代码:lessc simple.less simple.css
这将编译 "simple.less" 文件。将生成名为 "simple.css" 的 CSS 文件。
例如:
生成的 CSS "simple.css",代码如下:
输出:
在这里,您可以看到具有 percentage-math 函数的字体以百分比形式更改。
相关用法
- Less pi()用法及代码示例
- Less pow()用法及代码示例
- Less isstring()用法及代码示例
- Less image-width()用法及代码示例
- Less alpha()用法及代码示例
- Less max()用法及代码示例
- Less ispixel()用法及代码示例
- Less saturation()用法及代码示例
- Less acos()用法及代码示例
- Less contrast()用法及代码示例
- Less isem()用法及代码示例
- Less hsvhue()用法及代码示例
- Less color()用法及代码示例
- Less isnumber()用法及代码示例
- Less red()用法及代码示例
- Less image-height()用法及代码示例
- Less iscolor()用法及代码示例
- Less mix()用法及代码示例
- Less tint()用法及代码示例
- Less ceil()用法及代码示例
注:本文由纯净天空筛选整理自 Less percentage()。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。