位置: IT常识 - 正文

CSS中的overflow,(Css中的color属性用于设置html元素的背景颜色)

编辑:rootadmin
CSS中的overflow, 1.总结(overflow只用于指定高度的块级元素上)1.overflow:visible;文本内容不会被修剪,会溢出到元素框外。2.over:hidden;文本内容会被裁剪,并且元素框外的内容是不可见的。3.over:scroll;内容会被裁剪,但浏览器会显示滚动条以便查看其他内容。4.over:auto;和over:scroll;类似,但是over:scroll;默认形成滚动条,而over:auto;只在需要时形成滚动条,当文本不出现溢出时便不会形成滚动条2.代码实践

推荐整理分享CSS中的overflow,(Css中的color属性用于设置html元素的背景颜色),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:Css中的选择器不包括,Css中的高度,Css中的选择器包括,CSS中的overflow属性用于,css中的overflow是什么意思,CSS中的overflow属性用于,CSS中的overflow,css中的overflow是什么意思,内容如对您有帮助,希望把文章链接给更多的朋友!

CSS中的overflow,(Css中的color属性用于设置html元素的背景颜色)

1.overflow:visible 我们先定义一段代码,这里文本内容会超出元素框:

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 200px; height: 50px; background-color:#eee ; border: 1px dotted black; overflow: visible; } </style></head><body><div> <p>这里的文本内容会溢出元素框</p> <p>这里的文本内容会溢出元素框</p> <p>这里的文本内容会溢出元素框</p></div></body></html>

运行结果: 这里是overflow的基本默认属性,文本不会被修剪,直接超出元素框。 2.over:hidden; 这个属性内容会被修剪,但是溢出的内容是无法看到的。

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 200px; height: 50px; background-color:#eee ; border: 1px dotted black; /*overflow: visible;*/ overflow: hidden; } </style></head><body><div> <p>这里的文本内容会溢出元素框</p> <p>这里的文本内容会溢出元素框</p> <p>这里的文本内容会溢出元素框</p></div></body></html>

运行结果: 这里比较上面的属性,同样的元素框,但是溢出部分却已经被裁剪且无法显示。 3.over:scroll; 相比于1,2的属性,over:scroll;会裁剪内容,浏览器会形成滚动条便于查看超出元素框的文本内容。 代码:

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 200px; height: 50px; background-color:#eee ; border: 1px dotted black; /*overflow: visible;*/ /*overflow: hidden;*/ overflow: scroll; } </style></head><body><div> <p>这里的文本内容会溢出元素框</p> <p>这里的文本内容会溢出元素框</p> <p>这里的文本内容会溢出元素框</p></div></body></html>

运行结果:

本文链接地址:https://www.jiuchutong.com/zhishi/297683.html 转载请保留说明!

上一篇:YOLOv5源码逐行超详细注释与解读(4)——验证部分val(test).py(yolov5源码讲解)

下一篇:【前端客栈】基于HTML、CSS、JavaScript的羊了个羊静态仿写页面小游戏(前端yck)

  • 个税必须每个人交吗
  • 哪些进项税额可以抵扣销项税额
  • 税控盘是什么干嘛的
  • 印花税额计算及计税基础
  • 汇总记账凭证会计核算形式与科目汇总表
  • 小规模未达起征点
  • 小微企业所得税税率2.5% 10% 25%
  • 包工包料怎么付款流程
  • 过桥过路费为什么这么贵
  • 开票没有网络可以开票吗
  • 接受捐赠的材料会计分录怎么写
  • 城市建设综合配套费征收管理办法
  • 买车的保险可以砍价吗
  • 发票上传多久可以验旧
  • 超出经营范围能不能开发票
  • 财政拨款进项税怎么处理
  • 小微企业减免的税金怎么做账
  • 专票密码区出来了一点有关系吗
  • 长期待摊费用要设明细科目吗
  • 信托公司如何投资
  • 出口退税网上申报视频
  • 税控盘没有反写会怎样
  • 企业的经济成本由什么构成
  • 现金短缺或溢余的账务处理业务题
  • 出租无形资产收到的租金
  • 学校收取食堂管理费
  • 个体户生产经营所得怎么报税
  • 纳税人证明怎么办理
  • 外聘人才一次性工资费用入账什么分录?
  • 鸿蒙系统开发人员选项
  • linux中的util值很高
  • php获取图片
  • windows11激活密钥多少钱
  • 原始凭证的分类依据有哪些?分别能分为哪些类型?
  • 装win7提示失败怎么办
  • 油气勘探支出包括
  • php数据库连接池 实例
  • centos从命令行进入图形
  • 存货跌价准备是负数表示什么
  • 定额发票累计领取怎么算
  • 电子发票重开之前的是不是就没用了
  • cvpr best
  • axios发送多个请求
  • 消费者如何鉴别美的乐享三代风管机
  • chcp命令
  • 包装物押金属于应税货物吗
  • 电子发票税率怎么改
  • 垮年发票作废
  • python 熵值法
  • 企业应缴纳税款
  • 在建工程转入
  • 基建罚款支出计算方法
  • 托收承付方式销售商品是什么意思
  • 购进商品用于销售
  • 公司开出发票但未收到款如何写分录?
  • 税务自查补缴税款怎么办
  • 样品 报关
  • 付款金额比发票金额少怎么办
  • 银行存款的收付应严格执行()的规定
  • 税收罚款支出计算公式
  • 已核销的坏账又收回预算会计分录
  • 商业仓储
  • 工业增值税怎么算
  • mysql隐式类型转换规则
  • mysql基本教程
  • win7系统开启telnet服务
  • centos 安装
  • windows的使用
  • linux安装tmux
  • 升级win8.1后vpn出现错误720该怎么办?
  • windows10移动
  • cocos2dx开发的游戏
  • 硬盘逻辑锁源码
  • 批处理计数
  • jquery 获取父元素的子元素
  • javascript网页编程
  • android的中文
  • 国家税务总局宁夏回族自治区税务局
  • 税务局的前身是什么
  • 会计开票要填哪些信息
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设