zoukankan      html  css  js  c++  java
  • 瀑布流

    <!doctype html>
    <html>

    <head>
    <meta charset="utf-8">
    <title>瀑布流</title>
    <style>
    .box{
    1000px;
    border: 1px solid red;
    margin: auto;
    display: block;
    }
    .img-wrap34{
    column-gap: 15px;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    -moz-column-count:5; /* Firefox */
    -webkit-column-count:5; /* Safari and Chrome */
    column-count:5;
    }
    .img-wrap34 div img{
    200px;
    }
    </style>
    </head>

    <body>
    <div class="box">
    <div class="img-wrap34">
    <div><img src="img/img1.jpg" /></div>
    <div><img src="img/img2.jpg" /></div>
    <div><img src="img/1.jpg" /></div>
    <div><img src="img/img1.jpg" /></div>
    <div><img src="img/img1.jpg" /></div>
    <div><img src="img/1.jpg" /></div>
    <div><img src="img/img2.jpg" /></div>
    <div><img src="img/img1.jpg" /></div>
    <div><img src="img/1.jpg" /></div>
    <div><img src="img/2.jpg" /></div>
    <div><img src="img/img2.jpg" /></div>
    <div><img src="img/img1.jpg" /></div>
    <div><img src="img/1.jpg" /></div>
    <div><img src="img/img2.jpg" /></div>
    <div><img src="img/2.jpg" /></div>
    <div><img src="img/img1.jpg" /></div>
    <div><img src="img/img2.jpg" /></div>
    <div><img src="img/img1.jpg" /></div>
    <div><img src="img/2.jpg" /></div>
    <div><img src="img/img1.jpg" /></div>
    <div><img src="img/img2.jpg" />
    </div>
    </div>
    </body>

    </html>

  • 相关阅读:
    数组类型
    约瑟夫环问题
    const在c和c++中地位不同
    Makefile学习之路——4
    单链表综合操作
    算法初探——大O表示法
    数据结构实用概念
    Makefile学习之路——3
    翻转字符串
    Makefile学习之路——2
  • 原文地址:https://www.cnblogs.com/zhouyx/p/4860193.html
Copyright © 2011-2022 走看看