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>

  • 相关阅读:
    用C语言编写生成小学四则运算程序
    每周学习报告
    读现代软件工程有感和自我介绍
    第七天
    第五天
    第六天
    作业九:课程总结
    作业四:结对编程项目--四则运算
    psp记录个人项目花费时间
    作业三:代码规范,代码复查
  • 原文地址:https://www.cnblogs.com/zhouyx/p/4860193.html
Copyright © 2011-2022 走看看