(本文只针对hidden这个值的用处进行阐述)关于overflow:hidden;很多人都知道他是溢出隐藏的一个属性,但是并不是很多人知道它的一些神奇的地方!首先先讲一下众所周知的溢出隐藏吧!溢出隐藏一般会遇到的情况是内容超出了父级盒子,如下:使用overflow:hidden; ...
(本文只针对hidden这个值的用处进行阐述)
关于overflow:hidden;很多人都知道他是溢出隐藏的一个属性,但是并不是很多人知道它的一些神奇的地方!首先先讲一下众所周知的溢出隐藏吧!
溢出隐藏
一般会遇到的情况是内容超出了父级盒子,如下:
使用overflow:hidden;之后,显示就是这样的:
哪里超出就隐藏哪里!一般会用在一行文本超出固定宽度就隐藏超出的内容,但是这种情况一般会和省略号一起配合使用,超出位置显示省略号(是一行文本才有效哦):
.box { width: 200px; height: 50px; margin: 200px auto; background: #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
原标题:关于overflow:hidden
关键词:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。