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

昔憶落落發表於2019-03-11

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

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

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

a. 塊級元素

  • 獨佔一行,預設情況下,其寬度預設填滿父元素的寬度。
  • 塊級元素可以設定width,height,margin,padding屬性

b. 行內元素

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

3. 



相關文章