块级元素和行内元素的区别

511 阅读1分钟

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.