首页 > 代码库 > 行内元素内边距对左右下起作用,外边距只对左右起作用

行内元素内边距对左右下起作用,外边距只对左右起作用

*{margin:0;padding:0;}
.s1{background:#f00;margin:20px;}
.s3{background:#ff0;padding:20px;}
.s4{background:#00f;padding:0 20px;}
<span class="s1">03月26日</span><span class="s2"></span><span class="relatv s3">管理级线下案例培训第一天</span>
    或者
<span class="s1">02月03日</span> 
<span class="s2"></span> 
<span class="relatv s3">111</span>
<span class="relatv s4">222</span>

技术分享

技术分享

.s1的外边距:左右起作用,上下未起作用

.s3的内边距:明显可以看出上边距没起作用

参考:

http://www.qdfuns.com/notes/26090/795e5a3545adf6d045e65c9cf2c93f74.html

行内元素内边距对左右下起作用,外边距只对左右起作用