6.CSS中的隐藏元素display、visibility、overflow

CSS中的隐藏元素
    //用jQuery隐藏之后显示
        $().hide();
        $().show();
    //用这些恢复不到原来的样式
    display:none  我不占地,你看不见我
        :block  块级元素
        :inline  行级元素
        :run-in  此元素会根据上下文作为块级元素或内联元素显示
        :inherit 从父元素继承display属性的值
    visibility:hidden  我占地,你看不见我,我是透明的

        :collapse  用在表格元素中时,此值课删除表格中的一行或一列时,但不影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值用在其他元素上,会是hidden

        :visible 可见

        :inherit  规定从父元素上继承visibility属性的值
    overflow:hidden   内容会被修改,并且其余内容是不可见的
        :visible  默认值,内容不会被修剪,会呈现在元素框之外
        :scroll  内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容
        :auto  如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容
        :inherit  规定从父元素继承overflow属性的值
发布了35 篇原创文章 · 获赞 4 · 访问量 1万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章