当前位置: 首页 > article >正文

小程序 手写tab超出滑动。view超出可以横滑动

 template

<view class="item_left flex">
          <view class="name">公告</view>
          <view class="name">新闻政策</view>
          <view class="name">政策文件</view>
          <view class="name">政策文件</view>
          <view class="name">政策文件</view>
          <view class="name">政策文件</view>
          <view class="name">政策文件</view>
          <view class="name">政策文件</view>
          <view class="name">政策文件</view>
          <view class="name">政策文件</view>
        </view>
 

 css

     .item_left {
        width: 600px;
        height: 80px;
        overflow-x: auto; /* 使得tabs超出部分可以滑动查看 重点!*/
        white-space: nowrap; /* 不换行 */
        line-height: 80px;
        .name {
          width: 200px;
          display: inline-block;
          margin-right: 20px;
        }
      }


http://www.kler.cn/a/461227.html

相关文章:

  • RAG实战:本地部署ragflow+ollama(linux)
  • 设计模式 创建型 原型模式(Prototype Pattern)与 常见技术框架应用 解析
  • OSPF特殊区域(open shortest path first LSA Type7)
  • 《HarmonyOS第一课》焕新升级,赋能开发者快速掌握鸿蒙应用开发
  • BootstrapTable处理表格
  • 【unity错误】Unity 6 LTS 打开就报错Assertion failed on expressionxxx?
  • Kafka高性能设计
  • 手写顺序流程图组件
  • Windows onnxruntime编译openvino
  • 部分开源数据整理
  • win32汇编环境下,对话框程序中生成listview列表控件,点击标题栏自动排序的示例
  • STM32 高级 物联网通讯之LoRa通讯
  • SNIPE-IT详细安装教程(已安装成功)
  • RabbitMQ - 2 ( 21000 字 RabbitMQ 入门级教程 )
  • Android学习小记3
  • 耳切法简述
  • 矩阵的因子分解3-LU分解和LDU分解
  • WebSocket 入门详解
  • 【每日学点鸿蒙知识】Taro、native层获取文件宽度、位置变化callback、数据迁移、oh_modules说明等
  • QT--多线程
  • 深入浅出 Spring (二)| 依赖注入(DI)、自动装配
  • 课程思政元素收集系统|Java|SSM|JSP|
  • 计算机网络基础知识(7)中科大郑铨老师笔记
  • 【视觉SLAM:四、相机与图像】
  • 公交智眼 4G 录像机:开启安全运营新篇章
  • spring中常见的自动注入方式