元素的显示与隐藏

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;

    推荐阅读