CSS溢出处理
来源:互联网 发布:金立gn106软件下载 编辑:程序博客网 时间:2024/05/16 09:02
CSS定义中的overflow属性,封装了溢出处理的这个概念。在盒子模型中的代表标签的矩形对象,可以通过CSS样式来定义内容区域的高度与宽度,当这个内容无法容纳子矩形对象时,对于这些子矩形对象必须决定怎么显示,显示什么,这样的处理规则就称为溢出处理。浏览器在做显示运算的时候,会依照溢出处理,来计算内容区域无法容纳的子矩形对象在浏览器上的显示方式。
1.visible:当开发人员将矩形对象的overflow属性设置为visible时,如果内容区域的大小能够容纳子矩形对象,浏览器会正常地显示子矩形对象;当内容区域无法容纳子矩形区域时,浏览器会在内容区域之外,显示完整的子矩形对象。
2.hidden:当开发人员将矩形对象的overflow属性设置为hidden时,如果内容区域的大小能够容纳子矩形对象,浏览器会正常地显示子矩形对象;当内容区域无法容纳子矩形区域时,浏览器会显示内容区域之内的子矩形对象,超出内容区域的则不显示。
3.scroll:当开发人员将矩形对象的overflow属性设置为scroll时,如果内容区域的大小能够容纳子矩形对象,浏览器会正常地显示子矩形对象,并且显示预设滚动条;当内容区域无法容纳子矩形区域时,浏览器会在内容区域之内显示完整的子矩形对象,并且显示滚动条、启用滚动条功能,让用户能够浏览完整的子矩形对象。
4.auto:当开发人员将矩形对象的overflow属性设置为auto时,如果内容区域的大小能够容纳子矩形对象,浏览器会正常地显示子矩形对象;当内容区域无法容纳子矩形区域时,浏览器会在内容区域之内显示完整的子矩形对象,并且显示滚动条、启用滚动条功能,让用户能够浏览完整的子矩形对象。
个人觉得:visible适用于,只有浏览器的一部分内容区域中有矩形对象时。否则,溢出的部分会对其他矩形对象造成遮挡;
hidden做的太绝了,无法显示溢出内容!!!这个世界就不完整了啊。。。。。。
scroll基本能满足人类的需要,通过滚动条的方式显示完整的世界,而且不会遮挡其他矩形对象;
auto简直就是人类的福音,在能够完全显示的情况下,不会加滚动条多此一举,在溢出的时候又能够完整呈现,简直,完美!~
- CSS溢出处理
- CSS溢出处理
- CSS-溢出的处理
- CSS--文本溢出处理
- css处理标签内容溢出
- css之浮动以及溢出的处理
- CSS强制文本不换行、溢出处理
- datagrid表格内容溢出用"..."处理的css
- HTML-CSS常用样式文本溢出处理效果
- css知识点——文本溢出的处理方法
- css溢出文本处理的几种方法
- 溢出处理
- 【CSS】关于CSS盒子模型中的溢出处理方式overflow属性
- 文字溢出之CSS
- CSS文本溢出省略号
- css中的内容溢出
- CSS段落溢出
- CSS解决内容溢出
- 欢迎使用CSDN-markdown编辑器
- 我的arduino theme文件
- grep的基本使用方法
- Java三大特性之多态
- 【C语言】二维数组转置
- CSS溢出处理
- 利用googleZxing生成二维码识别二维码
- 图像处理工具类、Bitmap处理、理解ThumbnailUtils
- 遥感图去黑边
- unity屏幕空间坐标shader
- Leetcode 36.Valid Sudoku
- C++实验6-数组操作
- 引-梦想开始的地方
- Citrix XenServer体系架构解析