js-实现多列布局(瀑布流)

本文是使用js面向对象的思想实现多列布局(瀑布流)。第一行使用浮动进行布局,除第一行外使用定位进行布局。当然,使用面向过程也能实现,具体效果图和案例如下:

js-实现多列布局(瀑布流)_第1张图片

 css多列布局请参照本人另外一篇文章:css多列布局https://www.cnblogs.com/piaoyi1997/p/12705092.html

具体实现代码如下:

    *
    
    Document*
    
    
    
        
            *
                *
            
        
        
            
                *
            
        
        
            
                
            
        
        
            
                
            
        
        
            
                
            
        
        
            
                
            
        
        
            
                
            
        
        
            
                
            
        
        
            
                
            
        
        
            
                
            
        
        
            
                
            
        
        
            
                
            
        
        
            
                
            
        
        
            
                
            
        
        
            
                
            
        
        
            
                
            
        
        
            
                
            
        
    
    

你可能感兴趣的:(js-实现多列布局(瀑布流))