margin和padding的区别

padding:10px 0 10px 20px，上10 右0 下10 左20

margin:10px 0 10px 20px，上10 右0 下10 左20

四个值顺时针旋转

目前web2.0已经越来被人们认可，因为喜欢搞web开发的人员不得不硬着头皮去学习web2.0的标准，其中很重要的一条就是新的布局规则，div+css。以前基本上是用table布局的，这种传统的方式简单直观，但是这新的标准我学习起来时常找不到北。呵呵，就拿今天这个例子来说吧，很多朋友肯定也有我这种情况的，那我就从网上搜集一些例子出来，让个更多的人消除这种烦恼。

事例一：

css中padding和margin的区别

margin 外边距

border 边框

padding 内边距

也就是说设置margin 那么他所占据的空白地方会是在边框外面

设置padding 他所占据的空白地方是在边框里面，图解一下就更清楚了。

如上图,A,B两个方框,A代码padding,B代表margin,现在我们看A箭头与蓝色边框的距离,这就是padding叫做内边距,下面再来看看B外面的箭头与B之前的距离就是我们所说的margin的,叫做外间距,哈哈你现在应该明白了,什么是padding,什么是margin吧？呵呵

事例二：

看看css盒模型，下图！margin是 DIV与周边元素的距离padding是 DIV里边内容与这个DIV的距离

http://blog.163.com/email_wangyong/blog/static/126152455200972431013536/

2、table内部的填充属性和间距属性

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/alisa525/article/details/7967066
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-03-07 19:38:51
阅读 ( 1702 )
分类：Go Web框架

margin和padding的区别

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看