塊級元素: spa
特色:獨佔一行,其寬度會自動填滿其父元素的寬度 orm
屬性:display:block input
例子:div p h(123456) form ul li ol table tr td th tbody tfoot thead table
行內元素: form
特色:相鄰的元素會排列在同一行裏,直到一行排不下才換行,寬度不能經過width,height來設置而是由其內部文本或標籤 hack
屬性:display:inline im
例子:span a em strong small i input button img textarea 技術
行內元素和塊級元素能夠經過設置dislay屬性來實現相互轉換 textarea
關於display:inline-block這個屬性 img
優勢:具備行內元素不獨佔一行,又能夠設置寬度高度
缺點:在IE6,7下不兼容這個屬性,能夠經過hack技術實現相同的功能,對行內元數觸發hasLayout屬性,設置display:inline-block;zoom:1