![798639f6b62b42c8e245573b3f424e97.png](https://i-blog.csdnimg.cn/blog_migrate/f9cfdc0a0573ffab0b37e59dba3d326c.jpeg)
在开始正文前,先来看两个问题。
对于一个行内元素,设置它的 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