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

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

相关文章