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>

  • 相关阅读:
    3.10上午学习内容
    计算机网络基础
    2017.3.30-morning
    2017.3.29-afternoon
    2017.3.29-morning
    2017.3.28-afternoon
    2017.3.28-morning
    2017.3.27-afternoon
    2017.3.27-morning
    2017.3.24-morning
  • 原文地址:https://www.cnblogs.com/jhuang-com/p/8297816.html
Copyright © 2011-2022 走看看