数学使用LESS中的属性值

时间:2014-07-04 17:41:17

标签: css less

是否可以使用LESS执行此操作?

.something {
    margin: 10px;
    width: (500px - @margin-left - @margin-right);
    /* Calculates as: 500px - 10px - 10px = 480px */
}

因此LESS将根据先前设置的width属性值计算margin属性。因此,如果我要更改边距或基本宽度,宽度将自动计算。

结果

.something {
    margin: 10px;
    width: 480px;
}

1 个答案:

答案 0 :(得分:1)

您可以尝试

box-sizing: border-box; 

但这只适用于填充。然后它会像你在你的例子中尝试的那样减去宽度的填充。但话说回来,它只适用于填充