我正在尝试创建一个具有固定宽度 td 和可变宽度 td 的表格。 我正在使用 CSS 的 calc() 函数,但不知怎么回事,好像在表格中无法使用 %。 到目前为止,这就是我所拥有的内容:<table border="0" style="width:100%;border-colla...
我正在尝试计算父元素中子元素应用的正确比例,但我无法在transform: scale CSS函数内使用calc()。 我已经用javascript完成了这个函数,但我对纯CSS解决方案很感兴趣,以尽可能避免用脚本使页面变得臃肿。 示例: CSS .anyclass{ hei...
我有相对复杂的公式,例如 transform: scale(var(--image-scale)) translateY(calc((1px * var(--element-height) * (var(--image-scale) - 1)) / 2 * var(--scrolled-out...
我尝试使用jQuery animate设置CSS calc(),例如:$element.animate({ height: 'calc(100% - 30px)' }, 500); 我注意到使用jQuery animate时calc()无法正常工作... 我希望有一种方法可以实现它,...
经过调查,我确认 calc 应该在 IE8+ 中正常工作,但它对我不起作用。 这是我制作的 JSFiddle: http://jsfiddle.net/75tzyLoo/ 这是代码: HTML:<div id="outer"> <div id="inner"&g...
我试图实现一些我甚至不确定是否可能的东西。 我想在我的网站导航下方放置一个特定的阴影PNG图像。然而,我还希望可以重用此功能于网站上的任何对象,无论是图像、div 还是按钮。基本上,使用相同的阴影图像来装饰任何对象。 使用 CSS3 的 calc() 函数,我尝试做到对象的高度@ 100%...
在CSS函数(例如transform或者translate)中使用calc()函数是否可行?我无法让它起作用。以下是一个演示链接,您可以自由尝试: http://jsfiddle.net/qdJwY/1/
我能在border-width里使用calc()吗? 我想要让以下CSS生效:.my-element { border-left-width: calc(10% + 10px); border-right-width: calc(10% + 20px); } 无论出于什么原因,我使用...
我正在尝试在使用CSS Grid时对一些宽度应用calc()。所以我正在尝试的一个方法是这样的:grid-template-columns: calc(1fr - 50px) calc(1fr - 50px); 我希望将其变成两个分数,但要减去50px,因为那是用来填充等的。然而,在这样做时,...