微信小程序calc怎么用
时间: 2023-07-19 10:13:53 浏览: 163
记录微信小程序 height: calc(xx - xx);无效问题
5星 · 资源好评率100%
微信小程序中也支持使用calc()函数。在样式表中,可以将calc()函数应用于各种CSS属性,如宽度、高度、边距等,以实现动态计算元素尺寸和位置的效果。
例如,如果要将一个元素的宽度设置为屏幕宽度的一半,可以使用如下代码:
```css
width: calc(50% - 10px);
```
如果要将一个元素的上边距设置为屏幕高度的一半,可以使用如下代码:
```css
margin-top: calc(50vh - 20px);
```
需要注意的是,在微信小程序中,calc()函数只支持基本的数学运算符,不支持函数和嵌套运算。并且,需要在数学运算符前后添加空格,否则会出现解析错误。
阅读全文