关于使用display:flex的弹性布局,结合js实现最后一行自动左对齐(跪求纯css实现的方法)

一个考验基本功的功能,而我现在也才用了最流行的一种方法,希望看到的有思路的可以写下自己的做法,一整段代码如下:

实现思路:通过获取父元素的宽度以及子元素宽度进行一系列计算,补齐最后一行,达到justify-content:wrap的时候,依旧完美左对齐


    
        
        
    
    
    
        

复制代码就能看效果了,可是代码并没有实现监控父元素宽度变化,而去改变子元素的补充个数问题,大家可以自己捣鼓捣鼓。

你可能感兴趣的:(css3,js)