代码之家 › 专栏 › 技术社区 › Zloutek1

css网格从变量计算分数

css-variables css-grid grid css

Zloutek1 · 技术社区 · 7 年前

我和 display: grid;

我正在使用css属性/变量来创建一个动态网站,然后通过javascript进行更新。

我使用scss实现了这一点

grid-template-columns: var(--user-column-width) $days-shown + unquote('fr');

问题是,有没有可能

grid-template-columns: var(--user-column-width) var(--days-shown)fr;

我还没有成功地将变量和分数组合在一起。因此,如果可能,如何做到这一点?

谢谢

1 回复 | 直到 7 年前

chriskirknielsen 7 年前

您可以使用 calc(1fr * var(--days-shown)) 要做到这一点,只要 --days-show 是无单位的。

推荐文章

Alvaro sepulveda · 如何在平面zx和z以及gnuplot中绘制垂直线

7 年前

Tim Hughes · 具有多个循环模板的php查询

7 年前

Nitin Karande · 如何在HTML中使用引导程序使用逐列垂直网格

7 年前

Mateja Petrovic · 正确地将图元的角磨圆

7 年前

Domagoj · 使用xml自动调整网格布局中按钮的大小(android studio)

7 年前

Fan4i · 如何使用字典获取网格中的点位置?

7 年前

usernameabc · 当有不同大小的列时,如何修复网格?

7 年前

Josh Rodgers · 居中网格项目

7 年前

joeyvanlierop · 兰顿的蚂蚁一直在对角移动

7 年前

João · WordPress主题需要jQuery代码优化

7 年前