CSS-元素的显示于隐藏

9次阅读
没有评论

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

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

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

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

  1. visibility 显示隐藏
    visibility: visible; /* 元素可视 */
    visibility: hidden; /* 元素隐藏 */

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

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

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

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

正文完
 0
qiaofugui.cn
版权声明:本站原创文章,由 qiaofugui.cn 于2024-05-20发表,共计449字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码