在css布局中袜炕,會經常使用的塊級元素和行內元素,而且會經吵跫遥混淆這二者的使用偎窘,下面我們就來對這二者做出明確的區(qū)別,便于大家區(qū)分這二者溜在。
1陌知、位置
塊級元素會獨占一行,
行內元素不會獨占一行掖肋,相鄰的行內元素會排列在一行仆葡,
2.寬高
塊級元素可以設置寬高,默認情況下寬度會自動填充父類的寬度志笼,
行內元素不可以設置寬高沿盅,寬度隨著內容的寬度的變化而變化。
3.內外邊距
塊級元素可以設置margin纫溃,padding
行內元素有水平方向的margin-left腰涧,margin-right,padding-left; padding-right;可以生效紊浩。但是豎直方向的margin-bottom; margin-top; padding-top; padding-bottom;卻不能生效窖铡。
4.display
塊級:display:block
行內:display:inline;
可以通過修改display屬性來切換塊級元素和行內元素