在css布局中，會經(jīng)常使用的塊級元素和行內(nèi)元素，而且會經(jīng)?；煜@二者的使用，下面我們就來對這二者做出明確的區(qū)別，便于大家區(qū)分這二者。

1、位置

塊級元素會獨占一行，

行內(nèi)元素不會獨占一行，相鄰的行內(nèi)元素會排列在一行，

2.寬高

塊級元素可以設(shè)置寬高，默認情況下寬度會自動填充父類的寬度，

行內(nèi)元素不可以設(shè)置寬高，寬度隨著內(nèi)容的寬度的變化而變化。

3.內(nèi)外邊距

塊級元素可以設(shè)置margin，padding

行內(nèi)元素有水平方向的margin-left，margin-right，padding-left; padding-right;可以生效。但是豎直方向的margin-bottom; margin-top; padding-top; padding-bottom;卻不能生效。

4.display

塊級：display:block

行內(nèi)：display:inline;

可以通過修改display屬性來切換塊級元素和行內(nèi)元素