65得票1回答
在Less中是否有一种使用变量进行~运算符的方法,例如 ~"calc(100% - @spacing)"?

有没有办法在Less的~操作符中使用变量,例如~"calc(70% - @spacing)"; 当我尝试过它时,它仅适用于静态值,例如 ~"calc(70% - 10px)"; 我能否在将字符串设置为属性之前对其进行评估?

16得票1回答
calc() 100% + #px

我试图实现一些我甚至不确定是否可能的东西。 我想在我的网站导航下方放置一个特定的阴影PNG图像。然而,我还希望可以重用此功能于网站上的任何对象,无论是图像、div 还是按钮。基本上,使用相同的阴影图像来装饰任何对象。 使用 CSS3 的 calc() 函数,我尝试做到对象的高度@ 100%...

11得票2回答
计算例程使用更少的资源

有没有一种方法可以在less中使用css的calc()函数?如果我前往http://less2css.org/,并输入以下内容(这只是一个常规的css规则):width: calc(100% - 450px); 输出应该完全相同(因为它是常规的css),然而,less编译器产生的css输出结果...

58得票2回答
CSS calc() - 使用带单位的值进行乘法和除法

是否可以使用calc()函数对基于单位的值(如100%、5px等)进行乘法或除法运算? 例如,我希望像这样做:width: calc(100% * (.7 - 120px / 100%)); 希望这能解决成类似于以下的样子(假设100%等于500像素):width: calc(500px *...

60得票5回答
calc()在媒体查询中无法工作

@media screen and (max-width: calc(2000px-1px)) { .col { width: 200px; } } 减法后的值应该是1999px,但它似乎不起作用。如果我手动更改为1999px,它就可以正常工作,所以我知道这不是我的CSS的问题。 cal...

70得票4回答
CSS Calc视口单位解决方案?

根据我在其他 答案中看到的,CSS视口单位目前无法在calc()语句中使用。我想实现的是以下语句:height: calc(100vh - 75vw) 即使在calc()语句中无法使用视口单位,我是否可以通过纯CSS的解决方法来实现这一目标?还是只用CSS和HTML? 我知道我可以使用Java...

50得票2回答
我可以在Javascript中使用CSS calc吗?

当我在JavaScript中设置位置时,我可以使用CSS的calc()函数吗?ePopup.style.top = "calc(100px - 1.5em)";

13得票5回答
CSS中calc()的结果是什么?

我们现在开始在CSS中使用 calc() 来设置计算结果的宽度。例如:<div id='parent'> <div id='calcWidth'></div> </div> #parent{ width:100px...

10得票2回答
Flexbox使用calc()时,space-between在末尾会多出1px间隔

我正在使用flexbox的justify-content: space-between;开发网格系统,并注意到在某些屏幕尺寸上(每隔一个像素左右),在某些列的末端出现1像素间隙。 如果您开始调整浏览器大小,可以看到下面的示例中出现并消失了1像素的空间。 示例 * { margi...

24得票8回答
在CSS的calc函数中使用模数

有没有办法在CSS calc函数中使用或实现模运算符?我知道有取模运算符并且IE支持它,但其他浏览器呢?例如#element-id{ width: calc( 100% mod 5 ); }