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

【前端基础】12、CSS的overflow(visible、hidden、scroll、auto)【注:只有最基础的说明。】

一、overflow的作用

用于控制内容溢出时的行为。

二、overflow的使用

  • visible:超出的部分正常显示(默认设定)
    在这里插入图片描述
    在这里插入图片描述

  • hidden:超出的部分隐藏显示(直接裁剪掉)
    在这里插入图片描述
    在这里插入图片描述

  • scroll:超出的部分滚动显示
    滚动条占用高度(weight)、宽度(height)
    在这里插入图片描述
    在这里插入图片描述
    注意:如果高度超过文本的实际高度了,让然会有滚动条。
    在这里插入图片描述
    在这里插入图片描述

  • auto:超出的部分自动调整显示(自动决定是否使用滚动机制。)
    如果文本高度小于设定的高度:文本自动根据情况显示。
    在这里插入图片描述
    在这里插入图片描述
    如果文本高度大于设定高度:自动显示滚动条。
    在这里插入图片描述
    在这里插入图片描述

http://www.dtcms.com/a/204429.html

相关文章:

  • 实现动态增QuartzJob,通过自定义注解调用相应方法
  • Sentinel原理与SpringBoot整合实战
  • spring-retry
  • 【springcloud核心技术站概述】
  • Dynamics 365 Business Central Azure application registration
  • Docker 镜像打包到本地
  • ArcGIS Pro 3.4 二次开发 - 核心主机
  • 《大模型开源与闭源的深度博弈:科技新生态下的权衡与抉择》
  • 中天智能装备科技有限公司:智能仓储领域的卓越之选​
  • Android OkHttp控制链:深入理解网络请求的流程管理
  • SpringBoot3+Vue3(2)-前端基本页面配置-登录界面编写-Axios请求封装-后端跨越请求错误
  • Android 自定义SnackBar和下滑取消
  • java基础 之 Hash家族(一)
  • 和风天气 API 获取天气预报 2025/5/21
  • Axure通过下拉框选项改变,控制字段显隐藏
  • 多技术栈 iOS 项目的性能调试实战:从 Flutter 到 Unity(含 KeyMob 工具实测)
  • 【Qt】QImage::Format
  • Kotlin 极简小抄 P8(不可空类型、可空类型、注意事项、非空断言 !!)
  • linux文件重命名命令
  • html,js获取扫码设备的输入内容
  • HTTPS和HTTP区别
  • springboot3.x只需两步快速整合nacos作配置中心
  • javaweb-html
  • springboot使用xdoc-report包导出word
  • 【写在创作纪念日】基于SpringBoot和PostGIS的各省东西南北四至极点区县可视化
  • 深度学习Y8周:yolov8.yaml文件解读
  • Python60日基础学习打卡D32
  • 强化学习鱼书(7)——神经网络和Q学习
  • TCP全连接和tcpdump抓包实现
  • 量化研究--ATR高频量化网格策略实盘研究