码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-01-24 16:12:15      阅读:962      评论:0      收藏:0      [点我收藏+]

标签:get   技术分享   外边距   培训   alt   htm   padding   note   blank   

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

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

标签:get   技术分享   外边距   培训   alt   htm   padding   note   blank   

原文地址:http://www.cnblogs.com/loveamyforever/p/6347217.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!