你的位置:首页 > 软件开发 > 网页设计 > 关于overflow:hidden

关于overflow:hidden

发布时间:2016-06-29 13:00:09
(本文只针对hidden这个值的用处进行阐述)关于overflow:hidden;很多人都知道他是溢出隐藏的一个属性,但是并不是很多人知道它的一些神奇的地方!首先先讲一下众所周知的溢出隐藏吧!溢出隐藏一般会遇到的情况是内容超出了父级盒子,如下:使用overflow:hidden; ...

(本文只针对hidden这个值的用处进行阐述)

关于overflow:hidden;很多人都知道他是溢出隐藏的一个属性,但是并不是很多人知道它的一些神奇的地方!首先先讲一下众所周知的溢出隐藏吧!

溢出隐藏

一般会遇到的情况是内容超出了父级盒子,如下:

关于overflow: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 (#换成@)。

可能感兴趣文章

我的浏览记录