瀑布流加载图片

瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest,逐渐在国内流行开来。国内大多数清新站基本为这类风格,像美丽说、淘宝网都有使用。
css代码:

/*清除外边距*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, figure, /*结构元素*/
dl, dt, dd, ul, ol, li, /*列表元素*/
fieldset, lengend, button, input, textarea, /*表单元素*/
th, td, /*表格元素*/
pre /*文本格式元素*/ {
    margin: 0;
}
/*清除内边距*/
ul, ol, menu {
    padding: 0;
}
/*重置列表元素*/
ul, ol {
    list-style: none;
}
/*将字体扶正*/
address, cite, dfn, em, var {
    font-style: normal;
}
/*清下划线*/
a {
    text-decoration: none;
    color: black;
}
/*鼠标略过a标签,显示下划线*/
a:hover {
    /*text-decoration: underline;*/
}
/*清浮动*/
.clear:after {
    content: '';
    display: block;
    clear: both;
}

html代码:



    
        
        
        
        
        
    
    
        

          你可能感兴趣的:(瀑布流加载图片)