likes
comments
collection
share

元素的显示与隐藏

作者站长头像
站长
· 阅读数 298

1、display

display 属性用于设置一个元素应该如何显示

/*隐藏对象*/
display: none;

/*除了转换为块元素外,还有显示元素的意思*/
display: block;

display 隐藏元素后,不再占有原来的位置。

2、visibility

visibility 属性用于设置一个元素是可见还是隐藏

/*元素可见*/
visibility: visible;

/*隐藏元素*/
visibility: hidden;

visibility 隐藏元素后,继续占有原来的位置。

3、overflow 溢出

如果元素中内容过多,溢出了元素的框,可以用 overflow 属性指定溢出部分的展示方式。

/*不剪切内容也不添加滚动条*/
overflow: visible;

/*不显示超出元素尺寸的内容*/
overflow: hidden;

/*不管内容是否超出元素尺寸,都显示滚动条*/
overflow: scroll;

/*内容超出元素尺寸,显示滚动条,不超出的话不显示*/
overflow: auto;