Less网格行属性编译错误

时间:2018-05-04 13:16:37

标签: css less css-grid

我正在尝试将CS​​S Grid项的grid-row属性设置为跨越两行的区域。例如:

w

broswer中的CSS属性显示为:

.example-class{
   grid-column: 1;
   grid-row: 1 / 3;
}

基于CSS Tricks' CSS Grid guide,我的网格行属性是正确的语法,可以在第1行和第3行之间创建网格轨道。为什么这个建筑物不正确?

3 个答案:

答案 0 :(得分:0)

试试这个:

grid-row: ~"1 / 3";

你如何编辑你的Less?

答案 1 :(得分:0)

您的1/3被解释为计算结果,结果为0.333333;

答案 2 :(得分:0)

您需要使用Escaping

grid-row: e("1 / 3");