zoukankan      html  css  js  c++  java
  • flex 布局的页面

    <!DOCTYPE html>
    <html>
    <head>
    <title>横向滑动</title>
    <style type="text/css">
    .flex-row-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    }

    .flex-row {
    display: flex;
    flex-direction: row;
    }

    .form-row {
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px;
    }

    .form-row label {
    min- 120px;
    text-align: right;
    }

    .form-row input{
    150px;
    margin-left: 15px;
    }
    </style>
    </head>
    <body>
    <div class="flex-row-wrap">
    <div class="form-row flex-row">
    <label for="">哈哈哈:</label>
    <input type="text">
    </div>
    <div class="form-row flex-row">
    <label for="">哈哈哈:</label>
    <input type="text">
    </div>
    <div class="form-row flex-row">
    <label for="">哈哈哈:</label>
    <input type="text">
    </div>
    <div class="form-row flex-row">
    <label for="">哈哈哈:</label>
    <input type="text">
    </div>
    <div class="form-row flex-row">
    <label for="">哈哈哈:</label>
    <input type="text">
    </div>
    <div class="form-row flex-row">
    <label for="">哈哈哈:</label>
    <input type="text">
    </div>
    <div class="form-row flex-row">
    <label for="">哈哈哈:</label>
    <input type="text">
    </div>
    <div class="form-row flex-row">
    <label for="">哈哈哈:</label>
    <input type="text">
    </div>
    <div class="form-row flex-row">
    <label for="">哈哈哈:</label>
    <input type="text">
    </div>
    <div class="form-row flex-row">
    <label for="">哈哈哈:</label>
    <input type="text">
    </div>
    </div>
    </body>
    </html>

  • 相关阅读:
    autolayout--约束的优先级
    CV
    iOS及Mac开源项目和学习资料(超级全面)
    终端中命令总结
    git使用方法笔记
    Shell命令
    git-在控制台下向gitHub中的repository中上传一个文件
    iOS
    iOS -雪花动画
    copy语法
  • 原文地址:https://www.cnblogs.com/fdbk/p/12893412.html
Copyright © 2011-2022 走看看