padding、margin在垂直方向的属性设置是无效的padding、margin在水平方向的属性设置是有效的padding在垂直方向从显示的效果上是增加的，但其实设置的是无效的。并不会对他周围的元素产生任何影响。高度height和宽度width的设置是无效的，高度可用line-height设置
padding.png
从上图可以看出，sapn标签的padding-top和padding-bottom在显示效果上是增加的，但是和上下两个div标签并没有间距，说明padding-top、padding-bottom设置是无效的，margin-top和margin-bottom也是无效的，
padding-left、padding-right、margin-left、margin-right都是有效的。
参考文章： HTML中行内元素的竖直方向的padding和margin是否真的无效 为何img、input等内联元...
结论 行内元素的padding、margin在垂直方向的属性设置是无效的 行内元素的padding、margin在...
行内元素与块级元素的区别行内元素设置width、height无效，margin、padding仅左右有效，上下无效...
行内元素的padding、margin是否无效？之前在开发的时候没有注意到这个小细节，现在特此整理出来。 首先行内...
行内元素特征： (1)设置宽高无效 (2)对margin仅设置左右方向有效，上下无效；padding设置上下左右都...
html .行元素与块元素区别 行元素宽高不能设置 padding margin水平方向有效，垂直方向无效。 cs...
1 行内元素左右方向的margin和padding是有效的 2 vertical-align只对行内元素和inli...
看到一个面试题 关于行内元素span的 我当时就笑了还有这种题？ 送分的？ 我想的结果： 实际结果： 我擦！ 啪啪...
1. CSS 中 inline 元素可以设置 padding 和 margin 吗？ 行内元素设置width,he...
1.margin-top和margin-bottom对于行内（内敛inline）元素效果一样么？2.padding...
本文标题：HTML行内元素的padding和margin是否无效
本文链接：https://www.haomeiwen.com/subject/raxvoctx.html
网友评论