位置: 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)

  • 预付账款可以开发票吗
  • 农民专业合作社属于什么企业类型
  • 会计凭证包括哪三种
  • 年报会计师审计费用
  • 专票地址有误可以用吗
  • 个税申报人员信息采集表模板
  • 费用分割单模板
  • 接受劳务是进项还是销项
  • 电子税务局在哪里看财务报表
  • 股东投入款放入什么科目
  • 汇算清缴退税可以不退吗
  • 债务重组偿债顺序
  • 设计原始凭证所需内容及步骤
  • 供用电合同主要有
  • 企业所得税逾期申报怎么补报
  • 单位车辆折旧完怎么处理
  • 固定资产抵扣新政策2022
  • 小企业收到下列票据后,银行存款账户不变的是
  • 异地工程预缴个税
  • 分包与转包的区别 法院
  • 小规模纳税人开专票需要交税吗
  • 期交保费资金占用年限计算公式
  • 借 其他应付款
  • 挂错科目怎么调整
  • 鼠标玩游戏飘怎么回事
  • mac怎么设置屏幕保护壁纸
  • 视同销售怎么做账务处理
  • 以租代购算固定资产吗
  • windows无法自动检测网络代理设置该怎么办
  • 代垫费用的进项怎么抵扣
  • 财务费用利息收入怎么结转
  • 劳动法律法规包含哪些
  • PHP:pcntl_wifexited()的用法_PCNTL函数
  • php短链接api
  • 如何进行iframe框架切换
  • php二维数组去重函数
  • 药品进销差价的计算公式
  • php如何实现重载
  • php常用加密技术
  • 自然人税收管理系统
  • dpkg --list
  • 医疗保险合同印花税怎么交
  • 不能加计扣除的研发费用在辅助账怎么反映
  • vue开发需要掌握哪些知识
  • mysql数据库sid
  • 实际已缴纳所得税额怎么填
  • 主营业务成本的增加在哪一方
  • 关税计入什么科目
  • 事业单位大型修缮与办公用房维修费区别
  • 运输费和货款一样吗
  • 预收账款和预付账款怎么理解
  • 已认证发票退回的流程
  • 外贸公司收取国家税费吗
  • 个体工商户如何注销网上
  • 预付差旅费属于什么类型
  • mysql数据库操作题
  • MySQL exists 和in 详解及区别
  • 桌面右边
  • centos的top命令
  • gain_trickler_3202.exe 进程查询 gain_trickler_3202进程是什么文件
  • win7电脑系统如何
  • 通知栏图标怎么变小
  • win7关闭操作中心图标
  • Linux+Apache+PHP+MySQL+Zend Optimizer+PHPMyAdmin
  • win8怎么设置自启动
  • 铁嘴王指什么动物
  • excel嵌入图片变成代码怎么办
  • node分页接口
  • javascript语言介绍
  • 使用jquery
  • node·js
  • jquery开发项目
  • u3d脚本语言
  • unity3d2019安装步骤
  • 噩梦 1-4
  • javascript零基础入门书籍
  • 手机360安卓桌面怎么去除广告
  • JavaScript的Number对象的toString()方法
  • 河南税务局官网手机版
  • 税务稽查时长
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设