沉静中心

文章
5
资源
0
加入时间
2年10月18天

前端实用的20个css技巧

你在使用flex布局的时候有遇到过这种情况吗?每行固定元素个数每行元素都是的效果(两端对齐,项目之间的间隔相等,即剩余空间等分成间隙)最后一行元素需要靠左对齐方法1: 使用js补齐元素,例如,每行展示3个元素,现在一共有5个元素,那么我们就可以在最后补一个同宽度的透明元素。方法2:设置为实现两端对齐效果,最后一行再特殊处理:思路为选中最后一个元素,设置其右边距,挤到只能容纳最后一行元素的宽度。jcode方法3:设置为flex-start,先将全部元素左对齐,然后计算出每个元素的间距,通过gap。