在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)元素