css中left:~'calc(20%)'这个“~”是什么意思？

问题描述

问 题

css中left:~'calc(20%)'这个~是什么意思？

解决方案

calc 在 css 中可以直接用。

感觉题主说的像是 less 的语法，因为 less 中本来有 - 运算操作，所以在 calc 中就加上 ~" " 阻止被 less 编译。

比如 css 中

height: calc(100% - 30px);

代表就是 100% 高度减去 30 像素。

但是如果在 less 中也这么写，less 编译成 css 时就会变成

height: calc(70%);

因为 less 本身就有 ‘减’ 这个操作，所以就违背了原意，所以在 less 中，要写成：

height: ~"calc(100% - 30px)";

就不会有问题了，可以正确编译了。

这篇关于css中left:~'calc(20%)'这个“~”是什么意思？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！