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

页面呈现方式区别

块级元素 则为垂直排列显示，每个新添加的元素都会另起一行显示；

行内元素 均在同一行内显示，每个新添加的元素都不会另起一行显示；

包含关系区别

块级元素 可以包含行内元素；

行内元素 不可以包含块级元素；

标签属性区别

块级元素 拥有盒子模型属性（margin、padding、width、height）；

行内元素 没有盒子模型属性；

使用css进行转换的方式

块级元素转换为行内元素：

display:inline-block

行内元素转换为块级元素：

display:block