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

*{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

转载于:https://www.cnblogs.com/loveamyforever/p/6347217.html

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页