Skip to content

块级元素和行内元素

区别

1、排列

  1. 行内元素会在水平方向上排列
  2. 块级元素占据一行,垂直方向排列

2、嵌套

  1. 行内元素只可以嵌套行内元素,不可以嵌套块级元素
  2. 块级元素可以嵌套行内元素和块级元素

3、盒模型属性

  1. 行内元素 widthheight,垂直方向的 margin ,垂直方向的 padding 无效
  2. 块级元素都有效

4、形状

  1. 行内元素的形状可以是不规则的
  2. 块级元素的形状必定是一个矩形