塊級(jí)元素：默認(rèn)寬度是100%（繼承自父元素），如果塊對(duì)象沒有采用“float:left”或“float:right;”的樣式，相鄰的兩個(gè)塊對(duì)象就會(huì)分排在不同的兩行上。例如，div, p, h1, form, ul 是塊元素的例子。
內(nèi)聯(lián)元素：寬度取決于其內(nèi)部元素的寬度(width)與填充(padding)值之和，不可直接指定其寬度與高度（但如果使用“display:block;”或者“float:left/right;”樣式后,可以強(qiáng)行轉(zhuǎn)換成塊對(duì)象,此時(shí)可以定義），相鄰的兩個(gè)內(nèi)聯(lián)對(duì)象會(huì)排在同一行上,不會(huì)從新行開始。例如：span, a, label, input, img 是inline元素的例子。
區(qū)別：
塊里可以含行.也就是div塊里可以有span；
但是內(nèi)聯(lián)元素內(nèi)不能包含塊元素；
內(nèi)聯(lián)存在margin-left和margin-right，但沒有margin-top和margin-bottom，也不具有width/height。
而塊元素具有width，height，margin等等；
內(nèi)聯(lián)元素可以通過改變它的display屬性來變成塊，來具有塊的屬性。
塊元素獨(dú)占一行， 例如，div, p, h1, form, ul 是塊元素的例子。 可以通過設(shè)置屬性display: inline; 把塊元素變成內(nèi)聯(lián)元素
內(nèi)聯(lián)元素在一行， 例如， span, a, label, input, img 是內(nèi)聯(lián)元素的例子。 可以通過設(shè)置屬性 display:block;把內(nèi)聯(lián)元素變成塊元素。
還有display: inline-block; 是設(shè)置內(nèi)聯(lián)-塊元素。
免費(fèi)AI編程助手
