我想在元素的widthheight中使用以下计算:

(1 / 0.65) * 100, then the % sign

以便宽度高度设置为153.85%.

然而,我相信第一个数字必须有单位,或者是百分比-才能让calc起作用.

如何将其设置为calc而不是硬编码为153.85%

153.85%是每this Math.SE question人65%的反向百分比.

我try 了calc(100% / 65%),但这被标记为无效语法.

推荐答案

您可以将百分比转换为"原始"形式,然后进行计算:

calc((100% * 100) / 65);

(100% * 100) / 65在css中行为一致且正确,因为它根据css规则正确地操纵单元.(100% / 0.65)使用百分比直接除以无单位数,不同的浏览器可能不会一致支持.此外,使用上面显示的方法可以在整个计算过程中保持百分比,而后者则不会.

Css相关问答推荐

在Powershell中使用正则表达式编辑css文件

VueJS CSS动画不会扩展到v-card/v-col之外

使用间距时奇怪的MUI网格行为

弹性布局溢出时的换行符

如何更改导航栏标题中链接的文本 colored颜色 和导航丸中的链接(在shiny 的应用程序中)?

如何使用props 为 Vue 中的组件创建动态背景图像?

我在 ins 标签中有一个 img 标签,更改 ins 格式覆盖图像的视图

子组件的css会影响整个页面

CSS背景位置从顶部的给定像素开始?

圆形加载动画

li 中的第二行在 CSS-reset 后的项目符号下开始

CSS:在图像周围创建白光

CSS过渡自动高度不起作用

如何让 flexbox 在计算中包含填充?

通过 JavaScript 更改 CSS 伪元素样式

在 CSS 中结合border-top、border-right、border-left、border-bottom

HTML5 和边框

仅针对使用的类优化 Font Awesome

可见性:隐藏 vs 显示:无 vs 不透明度:0

仅当存在 2 个类时,您可以使用 CSS 定位元素吗?