第二章:第12节 CSS display属性、overflow属性

更新于:2016-12-14 20:00:53

1.png


display是显示属性,这是一个可以配合JS做页面特效的CSS属性,它可以让页面的元素隐藏,常用于做tab切换。比如下面的形式:


图片1.png


我们只记住它比较常用的三个值:


display:元素的显示属性,取值:none(隐藏)block()inline(行内)

none:可以将元素隐藏起来,隐藏后不占页面空间。

block:以“块元素”的形式来显示。

inline:以“行内元素”的形式来显示。


1.png


overflow:溢出属性,内容超出了容器。取值:visible(显示)scroll(滚动)hidden(隐藏)auto(自动)

1.png

上面楠神给div加了overflow:auto;属性,如果是overflow:visible;内容就会溢出来;如果是overflow:hidden;多余的内容会隐藏,不会显示滚动条;如果是overflow:scroll;也会显示滚动条,但和overflow:auto;还是有点不一样的,可自行做下测试。一般推荐用overflow:auto;属性值。


本节学习代码》》》