overflow属性的用法
2017-09-15 09:54
260 查看
经常用到
我们不给元素设置高,而是让他的孩子来撑起他的高。这个时候用的就是这个属性。
那是因为这个父亲是块级元素 所以会撑起它的高。
如果元素时内联元素,那么这个属性的意思就是隐藏显示多余的内容。
类似的效果就是
图片的大小固定后,给他父亲加上该属性并用css3放大的属性。就有了该效果
代码如下:
overflow:hidden这个属性。
我们不给元素设置高,而是让他的孩子来撑起他的高。这个时候用的就是这个属性。
那是因为这个父亲是块级元素 所以会撑起它的高。
如果元素时内联元素,那么这个属性的意思就是隐藏显示多余的内容。
类似的效果就是
图片的大小固定后,给他父亲加上该属性并用css3放大的属性。就有了该效果
代码如下:
a{ display: inline-block; overflow: hidden; //块: img{ width: 590px; height: 240px; transition:All 0.4s ease-in-out; } img:hover{ transform:scale(1.05); } }
相关文章推荐
- CCS3属性之text-overflow:ellipsis;的用法和注意之处
- 页面如何自动出现滚动条(overflow属性用法)
- overflow属性的用法
- CCS3属性之text-overflow:ellipsis;的用法和注意之处
- CCS3属性之text-overflow:ellipsis;的用法和注意之处
- 页面如何自动出现滚动条(overflow属性用法)
- CCS3属性之text-overflow:ellipsis;的用法和注意之处
- CCS3属性之text-overflow:ellipsis;的用法和注意之处
- css——overflow属性用法
- js delete 用法(删除对象属性及变量)
- Android属性动画完全解析(上),初识属性动画的基本用法
- html标签overflow属性和javascript实现div标签滚动问题
- html05 overflow和z-index的用法
- struts.xml中package元素的namespace属性用法(struts2.2.1.1)
- CSS3 overflow属性默认为visible,父元素高度为0,如果子元素有内容高度不为0也会显示,需将overflow设为hidden
- shell脚本中的逻辑判断,文件目录属性判断,if特殊用法,case判断
- Android属性动画完全解析(中),ValueAnimator和ObjectAnimator的高级用法
- Android属性动画完全解析(下),Interpolator和ViewPropertyAnimator的用法
- html元素的overflow属性详解