overflow,clip,visibility 溢出和剪裁以及可见性
来源:互联网 发布:银行卡制作软件 编辑:程序博客网 时间:2024/06/06 02:06
overflow
出于某种原因,一个元素固定为某个特定大小,但内容在元素中放不下。此时可以利用overflow属性来控制这种情况。
值: visible(初始值) | hidden | scroll | auto |
当为默认值visible时,元素的内容在元素框之外也可见,一般会导致内容超出其自己的元素框,但不会改变框的形状。
当设置为scroll,元素的内容会在元素框的边界处剪裁,溢出的内容无法看到,不过在Web浏览器中会使用一个滚动条(或者类似的东西)来访问内容而不会改变元素本身的形状。
如果被设置成hidden,元素的内容会在元素框的边界处剪裁,不过不会提供滚动条,用户也就无法访问被剪裁的部分的内容
内容剪裁
通过使用属性clip可以改变剪裁区域的形状
clip: rect(top,right,bottom,left)
rect(…)的值不是边偏移,而是距元素左上角的距离
元素可见性 visibility
除了溢出和剪裁,还可以控制整个元素的可见性。
值: visible(初始值) | hidden | collapse |
如果元素设置为visibility:visible,当然它是可见的。如果元素设置为visibility:hidden,则处于不可见状态,但是元素还是会影响文档的布局,它原本出现的位置空在那里,只是我们不可见。visibility:collapse值在CSS表显示中使用,如果用于非表元素,则与hidden含义相同
阅读全文
0 0
- overflow,clip,visibility 溢出和剪裁以及可见性
- CSS 可见性 display overflow visibility
- CSS的内容溢出和剪裁:overflow
- 清除属性clear、可视区域clip、超出范围overflow、可见属性visibility
- jQuery可见性过滤器:hidden和:visibility
- CSS Display(显示)和visibility(可见性)
- 设定溢出属性和可见性属性
- 一段代码弄清楚CSS属性display和visibility的差别,以及dom元素可见的条件
- CSS的visibility和overflow属性
- 关于属性可见性(visibility)的理解
- Page Visibility API 页面可见性
- 知识点:page visibility (页面可见性)
- 溢出和元素可见处理
- style属性中display和visibility控制可见性的不同
- 进位和溢出(Carry & Overflow)
- 《Java Concurrency in Practice》之可见性(Visibility)
- Java并发编程实践笔记之—可见性(Visibility)
- android学习笔记4 - Visibility控件的可见性
- 集训8.20
- 计算几何基础(学习中)
- Writable实现类 与 自定义Writable接口
- Docker部署caffe到云服务器
- 数据结构——六
- overflow,clip,visibility 溢出和剪裁以及可见性
- Java 多线程 线程安全问题
- hdu6156 Palindrome Function CCPC网赛1007 数位dp
- Java四种线程池的使用
- Windows下PHP线程安全版本与非线程安全版的选择
- 为什么Docker如何受欢迎
- Scala常用函数式编程之map、foreach、flatten、flatmap、filter、zip、zipWithIndex
- 音视频直播技术--实时互动中的多视频展示
- CUHK(SZ)机器学习班