js中的css calc()

宾基·尼科尔斯

我需要在动态生成的div中混合单元,但是不会渲染(即执行该行后,左仍然是默认值)。

任何帮助表示赞赏。

 var tab3 = document.createElement('div');
 tab3.className = 'tab';
 tab3.style.display = 'none';
 tab2.style.left = 'calc(~"200px+40vw")px';
或Drori

您的calc表达式中有几个错误:

calc(~"200px+40vw")px` -> `calc(200px + 40vw)
  1. 根据@JohnWeisz的评论-calc(〜“ 200px + 40vw”)px是Less表达式,〜“ ...”用于防止Less处理源样式表文件中的加法运算,但这既无效,又不必要从CSS字符串上下文。
  2. @ G-Cyr添加了+和-运算符两边都需要空格。*和/运算符可以不带空格使用。

例:

 var tab3 = document.createElement('div');
 tab3.className = 'tab';
 tab3.style.left = 'calc(20px + 40vw)';
  
document.body.append(tab3);
.tab {
  position: absolute;
  width: 20vw;
  height: 20vh;
  background: red;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章