zoukankan      html  css  js  c++  java
  • 从上往下,从左往右

    <html> 
    <head> 
    <meta charset="utf-8"/> 
    <title>从上往下,从左往右</title> 
    <style> 
    .container {
        display:flex;
        flex-flow:column wrap;
        height:100%;
    	max- 120px;
        background:#ccc;
    }
    .area {
        100px;
        height:100px;
        background:#444;
        margin: 10px;
    }
    </style> 
    </head> 
    <body> 
    <div class="container">
        <div class="area">area1</div>
        <div class="area">area2</div>
        <div class="area">area3</div>
        <div class="area">area4</div>
        <div class="area">area5</div>
        <div class="area">area6</div>
    	
    	<div class="area">area1</div>
        <div class="area">area2</div>
        <div class="area">area3</div>
        <div class="area">area4</div>
        <div class="area">area5</div>
    	<div class="area">area1</div>
        <div class="area">area2</div>
        <div class="area">area3</div>
        <div class="area">area4</div>
        <div class="area">area5</div>
        <div class="area">area6</div>
    	
    	<div class="area">area1</div>
        <div class="area">area2</div>
        <div class="area">area3</div>
        <div class="area">area4</div>
        <div class="area">area5</div>
    	<div class="area">area1</div>
        <div class="area">area2</div>
        <div class="area">area3</div>
        <div class="area">area4</div>
        <div class="area">area5</div>
        <div class="area">area6</div>
    	
    	<div class="area">area1</div>
        <div class="area">area2</div>
        <div class="area">area3</div>
        <div class="area">area4</div>
        <div class="area">area5</div>
    	<div class="area">area1</div>
        <div class="area">area2</div>
        <div class="area">area3</div>
        <div class="area">area4</div>
        <div class="area">area5</div>
        <div class="area">area6</div>
    	
    	<div class="area">area1</div>
        <div class="area">area2</div>
        <div class="area">area3</div>
        <div class="area">area4</div>
        <div class="area">area5</div>
    </div>
    </body> 
    </html> 
    

      

  • 相关阅读:
    图片懒加载
    文字表情转换成小图标
    页面跳页面的参数获取
    vue v-for里面再套v-if和v-esle
    滚动条样式的修改
    vue-cil生产环境和发布环境的配置
    css隐藏滚动条并且可以滑动
    vue-cli脚手架一些插件安装elementui和axios
    闭包
    定时器、运动、日历
  • 原文地址:https://www.cnblogs.com/xiaojf/p/12315569.html
Copyright © 2011-2022 走看看