css - 连接字符串和 var less css

标签 css less

谁能告诉我如何在 LESS 中连接一个 var 和一个字符串,这样我之间就没有空格了?

我有以下代码:

.text(@size) {
    font-size: @size + px;
    line-height: (@size / 10) + em;
}

h1 {
   .text(16)
}

LESS 的输出如下:

h1 {
    font-size: 12 px;
    line-height: 1.2 em;
}

我需要找到一种方法来删除空格。

谢谢 皮特

最佳答案

如果有任何后来者发现这个话题:

为此有一个内置函数:

unit(@dimension, [@unit: ""]);

所以 font-size: unit(@size, px); 应该导致 font-size: 12px。我测试了它。

http://lesscss.org/#reference

关于css - 连接字符串和 var less css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12724227/

相关文章:

javascript - 当点击 1 然后谷歌地图不显示

javascript - 在 Y 屏幕位置显示 CSS 动画

windows - 在 Windows 下安装 Node.js 是否有任何安全隐患?

javascript - 指示处理器密集型 JS 函数正在运行(GIF 微调器没有动画)

css - 如何正确 float 元素并仍然保留 tabindex?

css - LESS 编译器和相关 @import 引用在 Web Essentials 2012 v2.7 中不起作用

php - SCSS/Less/Sass vs <?php header ("Content-type: text/css"有哪些优势特性;

javascript - LessCss 导入失败,带有 url 和 anchor

angular - 如何将 Angular 5 变量绑定(bind)到 LESS 变量?

html - 如何创建平滑的渐变背景动画?