CSS中允许数值运算吗？

Question

例如,width: 50% + 10px;CSS合法吗？

如果没有,如何解决这个问题？我正在处理具有多列的float元素,每列之间的宽度为10px.所以我需要动态宽度计算才能绕过屏幕尺寸.

Answer 1

不.如果你想在CSS中进行数学运算,请查看SASS或LESS.

如果您打算使用LESS(或SASS),并且您需要均匀间隔的列,Bootstrap响应声音就像您需要的那样.

Answer 2

你可以尝试计算

selector{
    width: -moz-calc(50% + 10px);
    width: -webkit-calc(50% + 10px);
    width: calc(50% + 10px);
}