首页 > 解决方案 > 如何在 Less 中为 `grid-row` 或 `grid-column` 属性输入类似 `x/y` 的值,而无需按照计算进行编译?

问题描述

我有这个代码:

.grid__element--1 {
  background-color: orange;
  -ms-grid-row: 1 / 3;
  grid-row: 1 / 3;
}

显然,这将被编译为 CSS:

.grid__element--1 {
  background-color: orange;
  -ms-grid-row: 0.33333333; // need to be 1/3
  grid-row: 0.33333333; // need to be 1/3
}

有没有办法在 Less 中输入一个值grid-row以便正确编译为1/3

标签: cssless

解决方案


推荐阅读