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










<br><del><br><dfn><br><em><br><i><br><ins><br><kbd><br><label><br><map><br><mark><br><output><br><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;br&gt;&lt;q&gt;&lt;br&gt;&lt;rp&gt;&lt;br&gt;&lt;rt&gt;&lt;br&gt;&lt;ruby&gt;&lt;br&gt;&lt;s&gt;&lt;br&gt;&lt;smap&gt;&lt;br&gt;&lt;small&gt;&lt;br&gt;&lt;span&gt;&lt;br&gt;&lt;strong&gt;&lt;br&gt;&lt;sub&gt;&lt;br&gt;&lt;sup&gt;&lt;br&gt;&lt;time&gt;&lt;br&gt;&lt;track&gt;(所有浏览器都不支持)&lt;br&gt;&lt;u&gt;&lt;br&gt;&lt;var&gt;&lt;br&gt;&lt;wbr&gt;&lt;/wbr&gt;&lt;/var&gt;&lt;/u&gt;&lt;/track&gt;&lt;/time&gt;&lt;/sup&gt;&lt;/sub&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/small&gt;&lt;/smap&gt;&lt;/s&gt;&lt;/ruby&gt;&lt;/rt&gt;&lt;/rp&gt;&lt;/q&gt;</pre><div class="contentsignin">Copy after login</div></div></output></mark></map></label></kbd></ins></i></em></dfn></del>

 

display:inline-block

 

display:none