一、行內(nèi)元素與塊級(jí)元素

塊級(jí)元素：獨(dú)占一行，可設(shè)width和height；

行內(nèi)元素：根據(jù)內(nèi)容多少?zèng)Q定是否換行（不獨(dú)占一行），不可設(shè)置width和height。

二、行內(nèi)元素與塊級(jí)元素的區(qū)別

1.行內(nèi)元素與塊級(jí)元素直觀上的區(qū)別

行內(nèi)元素會(huì)在一條直線(xiàn)上排列，都是同一行的，水平方向排列。

塊級(jí)元素各占據(jù)一行，垂直方向排列。塊級(jí)元素從新行開(kāi)始結(jié)束接著一個(gè)斷行。

2.塊級(jí)元素可以包含行內(nèi)元素和塊級(jí)元素。行內(nèi)元素不能包含塊級(jí)元素。

3.行內(nèi)元素與塊級(jí)元素屬性的不同，主要是盒模型屬性上

行內(nèi)元素設(shè)置width無(wú)效，height無(wú)效(可以設(shè)置line-height)，margin上下無(wú)效，padding上下無(wú)效

三、相互之間轉(zhuǎn)換

1.行轉(zhuǎn)塊

display:block (字面意思表現(xiàn)形式設(shè)為塊級(jí))；加float后變塊級(jí)。

2.塊轉(zhuǎn)行

display：inline；

3.非行非塊（獨(dú)占一行，可設(shè)width和height）

display：inline-block；