css中的运算 |css 图片的对齐方式

以下是常见的CSS运算符：

+    //加法  
-    //减法  
*    //乘法  
/    //除法  
%    //取余

使用运算符时，需要注意以下几点：

1、必须在数值和单位之间加一个空格

width: calc(100% - 50px);

2、运算符前后必须加上数值或变量，不能直接使用运算符

//非法写法
width: calc(% - 50px);
//正确写法
width: calc(var(--width-percentage) - 50px);

3、加减乘除的优先级与数学运算相同，可以使用括号来表示优先级，也可以使用多个值进行混合运算

//使用括号
width: calc((100% - 20px) / 2);
//混合运算
height: calc(50vh - 30px + 20%);

4、所有值必须有相同的单位，否则会抛出错误

//非法写法
width: calc(100px - 50%);
//正确写法
width: calc(100% - 50%);

总的来说，CSS中的运算让大家在设计和布局上更加自由、灵活和高效。