真正的从零开始学习互联网,百秀中国VIP¥998,永久免费观看本站所有课程,课程内容:包括且不限于前端类课程、后端类课程、工具类课程等[查看详情]
当前位置:Home > 前端资料 >

关于margin与padding

最近好多学员,一直再问margin与padding的问题,尤其是,什么时候用margin,什么时候用padding,这里,简单的说下,这两个,什么时候用哪个,首先,我们先要了解,margin是外边距,而padding是内边距,我们看下下边的图:

上图代码中,span标签,本身是行内元素,申明了上下左右的边框为黑色,而margin-right是30.我们看下下边的图:

我们发现,span标签的右侧有30个像素,这就是margin,是外边距,盒子与盒子区间的距离,用margin控制,而,我们在看下图:

我们发现,span中的内容,右侧边距,多了30个像素,那么,我们再来看如下代码:

只是多了一个padding-right,这就是内边距,内容本身与边框的距离,就是由padding控制,各位小伙伴们,知道了嘛?


评论列表共有 0 条评论

暂无评论

发布评论

我 要 提 问

客服QQ:97028048

QQ群:981713789

微信客服,扫如下二维码:

联系客服