css行內元素和塊級元素

塊級元素: 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

相關文章