HTML中行内元素的竖直方向的padding和margin是否真的无效-Mingjie_Zhang
来源：动视网
责编：小采
时间：2020-11-27 16:43:24
HTML中行内元素的竖直方向的padding和margin是否真的无效-Mingjie_Zhang
HTML中行内元素的竖直方向的padding和margin是否真的无效-Mingjie_Zhang:参考资料：Inline elements and padding 今天写一个导航栏时遇到了一个问题：行内元素的padding-top，padding-bottom和margin-top,margin-bottom是不是真的是无效的？ 接下来就这个问题将具体分析： 1.行内元素拥有盒子模型么 答案是是的。没错，行内元
导读HTML中行内元素的竖直方向的padding和margin是否真的无效-Mingjie_Zhang:参考资料：Inline elements and padding 今天写一个导航栏时遇到了一个问题：行内元素的padding-top，padding-bottom和margin-top,margin-bottom是不是真的是无效的？ 接下来就这个问题将具体分析： 1.行内元素拥有盒子模型么 答案是是的。没错，行内元
这段话基本解释了上述现象，当我们使用内边距时，只有左右方向有效；当我们设置四个方向的内边距时，对于该行内元素，确实显示出效果，但是竖直方向的内边距只有效果，对其他元素无任何影响。
因此，行内元素的padding-top，padding-bottom和margin-top,margin-bottom是真的是无效；不过要注意一点，对于竖直方向的内边距该行内元素的内容范围是增大了，不过只是表象，对周围元素无任何影响。
转载请注明原文地址并标明转载：http://www.cnblogs.com/mingjiezhang/p/5373667.html
HTML中行内元素的竖直方向的padding和margin是否真的无效-Mingjie_Zhang
HTML中行内元素的竖直方向的padding和margin是否真的无效-Mingjie_Zhang:参考资料：Inline elements and padding 今天写一个导航栏时遇到了一个问题：行内元素的padding-top，padding-bottom和margin-top,margin-bottom是不是真的是无效的？ 接下来就这个问题将具体分析： 1.行内元素拥有盒子模型么 答案是是的。没错，行内元
