zoukankan      html  css  js  c++  java
  • 横向滚动 css

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>
    <style>
      *{
        margin: 0;
        padding:0;
      }
      div{
         300px;
        border:1px solid #000;
        height: 200px;
        
      }
      div ul{
           auto;
          display: flex;
        }
        li {
           30px;
          height: 20px;
          flex-shrink: 0;
          background: red;
          border:1px solid #666;
        }
    </style>
    <body>
      
      <div>
        <ul>
          <li>1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
          <li>6</li>
          <li>7</li>
          <li>8</li>
          <li>9</li>
          <li>0</li>
          <li>7</li>
          <li>8</li>
          <li>9</li>
          <li>0</li>
          <li>8</li>
          <li>9</li>
          <li>0</li>
          <li>7</li>
          <li>8</li>
          <li>9</li>
          <li>0</li>
        </ul>
      </div>
    </body>
    </html>
  • 相关阅读:
    ZZNU 1995: cots' times
    网站后缀名都有哪些
    webstorm运行到服务器(Apache)
    window系统下node.js环境配置
    window系统安装node.js
    网站创建自定义百度地图
    响应式一级到三级导航
    H5插入视频兼容各大浏览器
    phpStudy环境安装
    jquery on和bind
  • 原文地址:https://www.cnblogs.com/wsj1/p/14714980.html
Copyright © 2011-2022 走看看