23得票2回答
使用calc()函数与表格

我正在尝试创建一个具有固定宽度 td 和可变宽度 td 的表格。 我正在使用 CSS 的 calc() 函数,但不知怎么回事,好像在表格中无法使用 %。 到目前为止,这就是我所拥有的内容:<table border="0" style="width:100%;border-colla...

22得票3回答
在calc中使用n

我能在计算表达式中使用变量n吗? 例如:.child:nth-child(n) { margin-left: calc(n * 46px); } 我的代码:<div class="share-buttons"> <div class="share-button-m...

21得票6回答
我可以使用Calc函数在CSS的Transform:Scale中吗?

我正在尝试计算父元素中子元素应用的正确比例,但我无法在transform: scale CSS函数内使用calc()。 我已经用javascript完成了这个函数,但我对纯CSS解决方案很感兴趣,以尽可能避免用脚本使页面变得臃肿。 示例: CSS .anyclass{ hei...

21得票3回答
如何调试CSS calc()值?

我有相对复杂的公式,例如 transform: scale(var(--image-scale)) translateY(calc((1px * var(--element-height) * (var(--image-scale) - 1)) / 2 * var(--scrolled-out...

18得票2回答
jQuery animate() 和 CSS calc()

我尝试使用jQuery animate设置CSS calc(),例如:$element.animate({ height: 'calc(100% - 30px)' }, 500); 我注意到使用jQuery animate时calc()无法正常工作... 我希望有一种方法可以实现它,...

17得票2回答
计算器在IE 11中无法正常工作。

经过调查,我确认 calc 应该在 IE8+ 中正常工作,但它对我不起作用。 这是我制作的 JSFiddle: http://jsfiddle.net/75tzyLoo/ 这是代码: HTML:<div id="outer"> <div id="inner"&g...

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

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

16得票2回答
如何在另一个函数中使用calc()

在CSS函数(例如transform或者translate)中使用calc()函数是否可行?我无法让它起作用。以下是一个演示链接,您可以自由尝试: http://jsfiddle.net/qdJwY/1/

14得票1回答
CSS中border-width中的calc()是什么?

我能在border-width里使用calc()吗? 我想要让以下CSS生效:.my-element { border-left-width: calc(10% + 10px); border-right-width: calc(10% + 20px); } 无论出于什么原因,我使用...

13得票1回答
在使用calc()函数中使用分数(fr)会显示“无效的属性值”。

我正在尝试在使用CSS Grid时对一些宽度应用calc()。所以我正在尝试的一个方法是这样的:grid-template-columns: calc(1fr - 50px) calc(1fr - 50px); 我希望将其变成两个分数,但要减去50px,因为那是用来填充等的。然而,在这样做时,...