HTML5标签传统分类及display详解_html/css_WEB-ITnose

目录 [1]特征 [2]display block inline inline-block none list-item 表格元素

前面的话

　　传统上，HTML标签分为块级、内联级、内联块

特征

块级

　　[1]不设置宽度时，宽度撑满一行

　　[2]独占一行

　　[3]支持宽高

内联级

　　[1]内容撑开宽度

　　[2]非独占一行

　　[3]不支持宽高

　　[4]代码换行被解析成空格

内联块

　　[1]不设置宽度时，内容撑开宽度

　　[2]非独占一行

　　[3]支持宽高

　　[4]代码换行被解析成空格

display

display:block

(所有浏览器都不支持)
(只有firefox支持)

display:inline

 
 
 
 
 
 
 
 
 
 
 
 
 (所有浏览器都不支持)
 
 
 
    
 
    
display:inline-block
    

 
 
 
  
 
 
 
 
 
 
 
 
    
 
    
display:none
    
 

 
 
 
 
 
 
 
 
    
 
    
display:list-item(具有块级元素的3个特征)
    
 
    
 
    
表格元素的display
    
          
table{display: table;}thead{display: table-header-group;}tbody{display: table-row-group;}tfoot{display: table-footer-group;}tr{display: table-row;}td,th{display: table-cell;}col{display: table-column;}colgroup{display: table-column-group;}caption{display: table-caption;} 

      
查看更多关于HTML5标签传统分类及display详解_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did110382