zoukankan      html  css  js  c++  java
  • css实现手机端导航栏左右滑动

    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">
      <title>test</title>
      <style media="screen">
        .tab-head{
          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:#FF4878;
          padding:0;
          overflow:auto;
          }
        .tab-head-item{
          -webkit-box-flex:1;
          -webkit-flex:1 0 auto;
          -ms-flex:1 0 auto;
          flex:1 0 auto;
          color:white;
          padding:0 5px;
          }
      </style>
    </head>
    <body>
        <ul class="tab-head">
            <li class="tab-head-item">兴趣爱好</li>
            <li class="tab-head-item">兴趣爱好</li>
            <li class="tab-head-item">兴趣爱好</li>
            <li class="tab-head-item">兴趣爱好</li>
            <li class="tab-head-item">兴趣爱好</li>
            <li class="tab-head-item">兴趣爱好</li>
            <li class="tab-head-item">兴趣爱好</li>
            <li class="tab-head-item">兴趣爱好</li>
            <li class="tab-head-item">兴趣爱好</li>
            <li class="tab-head-item">兴趣爱好</li>
            <li class="tab-head-item">兴趣爱好</li>
        </ul>
    </body>
    </html>
  • 相关阅读:
    Java学习——HashMap
    git 常用命令
    java 正则表达式
    java 读写文件
    python Shapely 使用指南
    java 删除目录、 文件
    Java maven安装GDAL
    postgresql运维
    (转)媒体格式分析之flv -- 基于FFMPEG
    (转)rtmp协议简单解析以及用其发送h264的flv文件
  • 原文地址:https://www.cnblogs.com/liuhongxia/p/7066136.html
Copyright © 2011-2022 走看看