失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > CSS中:margin和padding的区别 margin:auto与margin: 0 auto区别

CSS中:margin和padding的区别 margin:auto与margin: 0 auto区别

时间:2023-09-20 07:28:01

相关推荐

CSS中:margin和padding的区别 margin:auto与margin: 0 auto区别

css中padding和margin的区别

margin 外边距

border 边框

padding 内边距

padding-left:10px; 左内边距、padding-right:10px; 右内边距、padding-top:10px; 上内边距、padding-bottom:10px; 下内边距。

margin:margin-left:10px; 左外边距、margin-right:10px; 右外边距、margin-top:10px;上外边距、margin-bottom:10px; 下外边距。

margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。

padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。

1、意思不同。margin:auto=margin:auto auto auto auto,表示上下左右都为auto;margin:0 auto=margin:0 auto 0 auto,表示上下为0,左右为auto;

2、居中方式不同。margin:auto表示横竖都居中,margin: 0 auto表示横居中,竖不居中;

margin后面一般会跟4个参数,如margin:1px、1px、1px、1px,分别表示上外边距为1px、右外边距为1px、下外边距为1px、左外边距为1px。

如果后面只写2个参数的话,如margin:1px、2px,则表示上下外边距为都为1px,左右外边距都为2px。

如果觉得《CSS中:margin和padding的区别 margin:auto与margin: 0 auto区别》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。