CSS Display(显示)

    
    
    


Demo1 隐藏元素
这是一个可见的元素
这是一个隐藏元素
注意，实例中的隐藏段落仍然占用空间
这是一个元素
注意，实例中的隐藏段落不占用空间


Demo2 改变一个元素显示

    
Coffee
    
Tea
    
Drink


li元素原本是块元素会自动换行的 但display：inline 把li元素作为内联元素显示 不换行

Nirvana
Record: MTV Unplugged in New York
Year: 1993
Radiohead
Record: OK Computer
Year: 1997

span元素原本是内联元素不换行，但display：block 把span元素作为块元素显示 换行

display 属性的值为 "inline"的结果
两个元素显示在同一水平线上

display 属性值为 "block" 的结果
这两个元素之间的换行符。





    

        
FirstName
        
LastName

    

    

        
Joe
        
Smith
    

    

        
Tina
        
Smith
    


注意: IE8 及其更早版本需要通过指定 !DOCTYPE 才可以支持 visibility:collapse。