我在想是否可以将calc()函数与attr()函数结合起来,以实现类似以下代码的效果:<div class="content" data-x="1"> This box should have a width of 100px </div> <div c...
我有以下情况:div { width: calc((100% / 11) - 9.09px); } 在这种情况下,100%等于1440px,而9.09px在Sass中通过数学计算生成。 结果为:94.55px,因为calc将其向上舍入,但我需要94.54px(向下舍入)。 如何将其...
当我在JavaScript中设置位置时,我可以使用CSS的calc()函数吗?ePopup.style.top = "calc(100px - 1.5em)";
我想在calc()函数中使用inherit,像这样:#foo { animation-duration: 10s; } #foo > .bar { animation-duration: calc(inherit + 2s); /* =12s */ } 但它似乎无效。 这是浏览...
让我先演示一下如何在SCSS中完成这个操作: $submenu-padding-left: 1.5em; transform: translateX(calc(-#{$submenu-padding-left} + .5em)); 这将编译为: transform: translat...
有人能告诉我为什么这个CSS计算函数不起作用吗?在Chrome中检查元素时,它显示“无效的属性值”。width: calc((100vw - 14px * 2) / (270px + 11px * 2));
希望这很简单。我想使用CSS calc操作进行两个计算: 我想将我的宽度设置为相当于(100% / 7) - 2 然而,如果我尝试在 CSS 计算操作中执行多个操作,它将失败:width: calc((100% / 7) - 2); 我如何在一个CSS语句中执行多个计算操作?
我想使用calc()将margin设置为auto加上一些像素,但是我的代码似乎无法正常工作。 selector { width: 200px; height: 200px; margin-left: auto; margin-right: auto; ...
有没有办法在CSS calc函数中使用或实现模运算符?我知道有取模运算符并且IE支持它,但其他浏览器呢?例如#element-id{ width: calc( 100% mod 5 ); }