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

CSS网格行属性由Less[重复]错误编译

css-grid less css

-1

ctaylordev94 · 技术社区 · 6 年前

我试图将CSS网格项的网格行属性设置为跨越两行的区域。例如:

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

broswer中的CSS属性如下所示:

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

基于 CSS Tricks' CSS Grid guide ,my grid row属性是在第1行和第3行之间创建网格轨迹的正确语法。为什么这座建筑不正确?

3 回复 | 直到 6 年前

seven-phases-max 6 年前

您需要使用 Escaping

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

Syneria Fana 6 年前

尝试以下操作:

grid-row: ~"1 / 3";

如何编译Less?

Raphael M. 6 年前

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

推荐文章

Chris Sherlock · 如何将图像调整为css网格

2 年前

Tagc · 是否可以使用flexbox同时执行“行反转”和“列反转”之类的操作?

6 年前

Tv's Very Own · 网格行间距未应用百分比

6 年前

arw89 · CSS网格中的纯CSS箭头div

6 年前

Arie B · 使用html节标记时在css网格中提供相同的css属性

6 年前

ctaylordev94 · CSS网格行属性由Less[重复]错误编译

6 年前

techguy2000 · css网格单元格内容溢出不工作

6 年前

techno geek · css网格布局的水平滚动

6 年前

dkrasniy · Flexbox换行仅第一列,带溢出滚动

6 年前

WoJ · 如何使用Vue构建动态CSS网格?

6 年前