本文详细介绍了网页布局中块级元素与行内元素的区别，包括它们的页面呈现方式、包含关系及标签属性的不同，并提供了如何通过CSS将两者相互转换的方法。
页面呈现方式区别
块级元素 则为垂直排列显示，每个新添加的元素都会另起一行显示；
行内元素 均在同一行内显示，每个新添加的元素都不会另起一行显示；
包含关系区别
块级元素 可以包含行内元素；
行内元素 不可以包含块级元素；
标签属性区别
块级元素 拥有盒子模型属性（margin、padding、width、height）；
行内元素 没有盒子模型属性；
使用css进行转换的方式
块级元素转换为行内元素：
display:inline-block
行内元素转换为块级元素：display:block
扫一扫
258
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
