zoukankan      html  css  js  c++  java
  • grid网格的流动一

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8">
      <title>Document</title>
      <style>
      .box {
        background: orange;
        height: 100px;
        line-height: 100px;
        text-align: center;
        color: #fff;
        font-size: 3em;
        margin-right:15px;
      }
    
      .box:nth-child(even) {
        background: green;
      }
    
      .wrapper {
         560px;
        border: 1px solid orange;
        padding: 15px;
        display: grid;
        grid-template-columns: repeat(5, 115px);
        grid-template-rows: auto;
      }
      </style>
    </head>
    
    <body>
      <div class="wrapper">
        <div class="box a">A</div>
        <div class="box b">B</div>
        <div class="box c">C</div>
        <div class="box d">D</div>
        <div class="box e">E</div>
        <div class="box f">F</div>
        <div class="box g">G</div>
        <div class="box h">H</div>
        <div class="box i">I</div>
        <div class="box j">J</div>
      </div>
    </body>
    
    </html>
    

  • 相关阅读:
    多线程-共享全局变量问题
    多线程-共享全局变量
    线程-注意点
    线程
    最短网络Agri-Net
    2455 繁忙的都市
    2597 团伙
    5929 亲戚
    5969 [AK]刻录光盘
    JavaEE Tutorials (6)
  • 原文地址:https://www.cnblogs.com/yesyes/p/7258614.html
Copyright © 2011-2022 走看看