grid-column在less下会自动计算

grid布局,在less文件里写grid-column:1/6,会自动被计算成0.16。

image.png
image.png

解决方法:
1.使用1/span 6
image.png
image.png
2.使用~"1/6"
image.png
image.png

全栈前端开发工程师

15 声望
3 粉丝
0 条评论
推荐阅读
java lambda表达式 回调函数
java使用lambda表达式做回调函数,定义一个interface写一个方法即可(如果一个接口只有一个抽象方法(包括继承的),该接口是一个函数接口,函数接口可以使用lambda表达式实现),lambda表达式函数内部可以获取外...

点墨阅读 120

less常用技巧
所以在给公司定制组件库的时候我们可以使用这两种方法来给使用者定制主题,当然了,我们设计的时候最好和主流框架的变量名保持一致,使得使用者更好上手。

小皇帝James阅读 3.6k

预处理器 Less 的十个语法
Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。

一颗冰淇淋2阅读 461

vue项目依赖报错: TypeError: this.getOptions is not a function
运行别人的项目提示报错: Syntax Error: TypeError: this.getOptions is not a function

LazyHua阅读 527

Grid布局总结
CSS Grid Layout(又叫Grid或者CSS Grid),它是一个二维网格的布局系统。在这之前经过了tables,float,positioning和inline-block,但它们都相当于一个hack,并且功能较少。Flex布局虽然是一个很棒的布局工具,但它...

lxnxbnq阅读 385

React组件库实践:React + Typescript + Less + Rollup + Storybook
原先在做低代码平台的时候,刚好有搭载React组件库的需求,所以就搞了一套通用的React组件库模版。目前通过这套模板也搭建过好几个组件库。

Qlly阅读 348

全栈前端开发工程师

15 声望
3 粉丝
宣传栏