inline block不在一行 css中inline-block和inline有什么區(qū)別?
css中inline-block和inline有什么區(qū)別?這樣,我們先來談?wù)剝?nèi)聯(lián)元素和塊級(jí)元素:內(nèi)聯(lián)元素不能控制寬度、高度、邊距等,它們?cè)谕恍猩巷@示而不進(jìn)行換行。塊級(jí)元素可以控制寬度和高度、邊距等,
css中inline-block和inline有什么區(qū)別?
這樣,我們先來談?wù)剝?nèi)聯(lián)元素和塊級(jí)元素:內(nèi)聯(lián)元素不能控制寬度、高度、邊距等,它們?cè)谕恍猩巷@示而不進(jìn)行換行。塊級(jí)元素可以控制寬度和高度、邊距等,并將進(jìn)行換行。Inline:使用此屬性后,元素將顯示為Inline,并且元素不會(huì)換行。Block:使用該屬性后,元素將被實(shí)現(xiàn)為塊級(jí)元素,元素將被包裝。內(nèi)聯(lián)塊:使元素在一行中顯示為塊級(jí)元素。也就是說,元素可以在同一行上顯示而不需要包裝,但是高度和寬度可以控制,這相當(dāng)于內(nèi)斂元素的增強(qiáng)。請(qǐng)注意,IE6不支持inline block
,這意味著它用于處理行中非替換元素的高度和寬度!在行中不可替換的元素,如span、a和其他標(biāo)記,通常下士不能設(shè)置寬度和高度。添加此屬性后,可以觸發(fā)以使此類標(biāo)記的行為類似于塊級(jí)元素,并且可以設(shè)置寬度和高度。對(duì)象呈現(xiàn)為內(nèi)聯(lián)對(duì)象,但對(duì)象的內(nèi)容呈現(xiàn)為塊對(duì)象。后續(xù)的內(nèi)聯(lián)對(duì)象排列在同一行中。例如,我們可以給link(元素)一個(gè)inline block屬性值,使其既具有block的寬度和高度特性,又具有inline的對(duì)等特性。