塊級元素和行內元素的區別

1. 塊級元素與行內元素都有哪些:

    塊級元素:div,p,form,ul,li等
    行內元素:span,strong,em等spa

2. 塊級元素和行內元素的寬高與邊距:

a. 塊級元素orm

  • 獨佔一行,默認狀況下,其寬度默認填滿父元素的寬度。
  • 塊級元素能夠設置width,height,margin,padding屬性

b. 行內元素form

  • 不會獨佔一行,相鄰的元素會排在同一行裏,直到排不下自動換行,寬度隨內容而變
  • 行內元素設置width,height屬性無效
  • 行內元素margin和padding水平方向(-left,-right)產生邊距效果,但豎直方向(-top,-bottom)不產生邊距效果。

3. margin

相關文章