关于前端:元素的显示与隐藏

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;