
scss
文章平均质量分 78
柑橘乌云_
希望我的博客,能帮你解决学习或工作中所遇到的问题
展开
-
解决flex布局space-between 最后一行不对齐的问题
方案: 对于最后一行的元素动态设置margin-right。判断如果最后一个元素处于当前列,会发生布局错乱,则设置元素的 margin-right 为剩余空间的大小(剩余列宽度+剩余间隙大小)。假设元素宽度是$width,总间隙是 $space(盒子宽度-元素宽度*列数)。适用于每一行列数固定,且列宽度固定,需要进行计算,相比较复杂。第三个元素宽度+第四个元素宽度+剩余间隙。方法一:给父级元素后面添加。原创 2023-10-12 09:49:27 · 2410 阅读 · 0 评论 -
background简写属性的书写顺序,以及各个属性的含义
是background-color,background-image,background-repeat,background-attachment,background-position,background-size。注意:如果用background-size,一定要用/分隔接下来。原创 2023-08-23 17:57:04 · 4534 阅读 · 0 评论 -
sass的模块化,@import的编译时和运行时详解
sass如同css一样 可以模块化。css中通过import来实现模块化, 但是两者有些不同,css是会参与到运行时的,也就是说运行的过程中有多个css文件,通过import指令导入进来。但是sass并不是个运行时态,sass是一个编译时态。也就是说在运行之前把它分为多个模块。编译之后就变成一个文件了,以上就是css和sass模块化的区别!在sass中实现模块化有两种方式:一种是用@import一种是@use。原创 2023-08-02 10:47:29 · 945 阅读 · 0 评论