CSS-元素的显示于隐藏

29次阅读

共计 449 个字符，预计需要花费 2 分钟才能阅读完成。

本质：让一个元素在页面中隐藏或者显示出来

display 显示隐藏

    display: none; /* 隐藏对象 */
    display: black; /* 除了转换块级元素之外，同时还有显示元素的意思 */

display隐藏元素后，不在占有原来的位置

visibility 显示隐藏

    visibility: visible; /* 元素可视 */
    visibility: hidden; /* 元素隐藏 */

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

3.overflow 溢出显示隐藏 overflwo 属性指定了如果内容溢出一个元素的框（超过其指定的高度及宽度）时，会发生什么

    overflow: visible; /* 不剪切内容也不加滚动条 */
    overflow: hidden; /* 不显示超过对象尺寸的内容，超出部分隐藏掉 */
    overflow: scroll; /* 不管超出内容否，总显示滚动条 */
    overflow: auto; /* 超出自动显示滚动条，不超出不显示滚动条 */

如果有定位的盒子，请慎用 overflow: hidden; 因为它会隐藏多余的部分

正文完