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> 
    

      

  • 相关阅读:
    gcc编译代码报错及编译方式
    YUV到RGB的转换
    YUV和RGB格式分析
    v4l2的学习建议和流程解析
    在Ubuntu下安装imx6linux系统的交叉编译环境遇到的问题总结
    《赢在测试2》--读书笔记
    关于javascript的slice方法
    数字的千分位格式化方法
    javascript开发中的封装模式(转)
    防止表单重复提交的几种方法
  • 原文地址:https://www.cnblogs.com/xiaojf/p/12315569.html
Copyright © 2011-2022 走看看