Mardanjan / Blog

学习笔记(在issues里),一些小demo的源码在这里,demo在线地址会持续更新
1 stars 0 forks source link

css运算函数 #12

Open Mardanjan opened 4 years ago

Mardanjan commented 4 years ago

calc()

只有一个数学表达式,此函数可以处理加减乘除等数学运算,并且在表达式中可混合用不同的单位

div {
 width: calc(50% -2px);
}

在用百分比做自适应的布局的时候,如果要进行计算会比较困难,例如为了让两个有边框的元素排列在一行,需要准确的算出各个元素的宽度,而宽度都是百分数,边框确实像素值,单位不同的时候calc函数就派上用场了