zoukankan      html  css  js  c++  java
  • css3 横向拖拽

    css:

      .tab{
             list-style-type: none;
             display:-webkit-box;
             display:-webkit-flex;
             display:-ms-flexbox;
             display:flex;
             -webkit-flex-wrap:nowrap;
             -ms-flex-wrap:nowrap;
             flex-wrap:nowrap;
             -webkit-box-pack:justify;
             -webkit-justify-content:space-between;
             -ms-flex-pack:justify;
             justify-content:space-between;
             background:#ccc;
             padding:0;
             overflow:auto;}
        .tab-item{
            -webkit-box-flex:1;
            -webkit-flex:1 0 auto;
            -ms-flex:1 0 auto;
            flex:1 0 auto;
            color:white;
            padding:0 0.5rem;
        }

    html:

     <ul class="tab margin-top5">
            <li class="tab-item">篮球</li>
            <li class="tab-item">篮球</li>
            <li class="tab-item">篮球</li>
            <li class="tab-item">篮球</li>
            <li class="tab-item">篮球</li>
            <li class="tab-item">篮球</li>
            <li class="tab-item">篮球</li>
            <li class="tab-item">篮球</li>
            <li class="tab-item">篮球</li>
            <li class="tab-item">篮球</li>
            <li class="tab-item">篮球</li>
        </ul>

  • 相关阅读:
    树上莫队 SPOJ COT2
    UVA 11478(差分约束 + 二分)
    可图的度序列判断与构造
    Codeforces Round #306 (Div. 2) 550A Two Substrings
    UVA 11300 分金币
    HDU 2546 饭卡(01 背包)
    hdu 1142 最短路+记忆化
    codeforces ice cave
    codeforces school mark(贪心)
    JavaScript函数
  • 原文地址:https://www.cnblogs.com/jhuang-com/p/8297816.html
Copyright © 2011-2022 走看看