本文探讨了行内元素如span设置margin的影响，解释了为何margin-left和margin-right能改变位置，而margin-top和margin-bottom无效。内容涉及到HTML元素的分类、可替换与不可替换元素的概念，以及行高的理解。通过实例展示了行内不可替换元素（如span）的外边距不会改变行高，但会增加宽度。
在开始正文前，先来看两个问题。
对于一个行内元素，设置它的 margin 会有什么表现，为什么它是可行的
答：设置 margin-left 和 margin-right 有影响，而 margin-top 和 margin-bottom 无影响。
行内元素设置 margin 会有位置的改变吗
答：左右 margin 会变，上下 margin 不会变。
以上两个问题均涉及到了 margin 的一些细节，我们详细解释以下结论，来对上述问题进行解读：
? 行内元素中，padding-left / padding-right / margin-left / margin-right 有影响结果；
? 行内元素中，padding-top / padding-bottom / margin-top / margin-bottom 不影响结果；
? padding-top / padding-bottom 虽然不影响结果，但实际上生效了。
举个例子：
html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Ti
最低0.47元/天 解锁文章
695
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
