zoukankan      html  css  js  c++  java
  • 移动端左右滑动问题-html与css解决

    <!DOCTYPE html>

    <html>

    <head>

        <title>纯css实现左右滑动</title>

        <style type="text/css">

            ul,li{

                list-style: none;;

            }

            .slide-box{

                margin-top:200px;

                display: -webkit-box;

                overflow-x: auto;

                /*适应苹果*/

                -webkit-overflow-scrolling:touch;

            }

            .slide-item{

                300px;

                height: 300px;

                border:1px solid #ccc;

                margin-right: 30px;

                background: pink;

            }

            /*隐藏掉滚动条*/

            .slide-box::-webkit-scrollbar {

                display: none;

            }

        </style>

    </head>

    <body>

    <ul class="slide-box">

        <li class="slide-item"></li>

        <li class="slide-item"></li>

        <li class="slide-item"></li>

        <li class="slide-item"></li>

        <li class="slide-item"></li>

    </ul>

    </body>

    </html>

     

  • 相关阅读:
    StreamWrite写ASCII文本文件时,中文变成问号的处理
    asp.net错误处理封装
    C#减少图片文件大小和尺寸
    关于《代码大全2》
    关于重载
    Oracle移机
    用delphi模仿.net的string.split
    Oracle817搞怪
    oracle取得系统时钟
    15 个新鲜精彩的jQuery教程
  • 原文地址:https://www.cnblogs.com/ranyonsue/p/10709696.html
Copyright © 2011-2022 走看看