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> 
    

      

  • 相关阅读:
    httpRuntime 元素(ASP.NET 设置架构)
    Change GridView RowColor OnMouseClick
    创建自定义配置结
    设置自定义服务器控件的TagPrefix
    使用DataTable.ReadXml时抛出异常
    正则表达式的字符,定位字符和重复字符
    URL 编码
    tschs.xml 全文索引文件配置说明
    SQL2005 全文索引 contains
    SQL 语句执行时间
  • 原文地址:https://www.cnblogs.com/xiaojf/p/12315569.html
Copyright © 2011-2022 走看看