CSS属性margin是什么意思?

CSS中,margin的作用我知道,但margin:0px0px0px0px;分别表示的是上右下左的距离,那margin:0auto0px;margin:02px;mar... CSS中,margin的作用我知道,但margin:0px 0px 0px 0px;分别表示的是上 右 下 左的距离,那margin:0 auto 0px; margin:0 2px; margin:0 auto;分表表示的什么意思? 展开
 我来答
休闲娱乐达人天际
高能答主

2020-04-08 · 致力于休闲娱乐知识的解答,分享娱乐知识。
休闲娱乐达人天际
采纳数:1605 获赞数:396523

向TA提问 私信TA
展开全部

margin:0 auto 0px表示上外抄边距为0px,左右外边距自动,下外边距为0px。

margin跟padding一样,也有简洁写法。我们可以使用margin属性来设置四个方向的外边距。在实际编程中,我们往往使用的是margin的这种高效简洁写法来编程。

扩展资料:

“margin:20px 40px;”表示top为20px,right为40px;由于bottom和left缺省,所以自动将它们分别设为20px和40px。转化为第4种写法为:“margin:20px 40px 20px 40px;”。

“margin:20px 40px 60px;”表示top为20px,right为40px,bottom为60px;由于left缺省,所以自动将它设为40px。转化为第4种写法为:“margin:20px 40px 60px 40px;”。

需要注意的是一种情况不能写为缺省写法:“margin:20px 40px 20px 60px;”。该例中,由于top和bottom相同,但right和left不同,所以不能将bottom缺省,否则会等同于“margin:20px 40px 60px 40px;”。

changyiduU4Q
高粉答主

2019-11-29 · 关注我不会让你失望
知道答主
回答量:264
采纳率:100%
帮助的人:8.2万
展开全部

margin:0 auto 0px表示上外边距为0px,左右外边距自动,下外边距为0px。

margin:0 2px表示上外边距和下外边距是0px,右外边距和左外边距是2px

margin:0 auto表示上下外边距为0px,左右外边距为自动。

说明:块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值。

扩展资料

浏览器支持

所有浏览器都支持 margin 属性。任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

margin 属性接受任何长度单位,可以是像素、英寸、毫米或 em。

margin 可以设置为 auto。更常见的做法是为外边距设置长度值。下面的声明在 h1 元素的各个边上设置了 1/4 英寸宽的空白:h1 {margin : 0.25in;}

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
rileyliu
推荐于2019-11-17 · TA获得超过478个赞
知道答主
回答量:220
采纳率:0%
帮助的人:236万
展开全部
margin:0 auto;表示此容器相对于他的父容器水平居中(这个是经常用的噢,特别是在firefox中很多时候text-align会不起作用,就要用这个了)
margin:0 2px; 只写2个表示表示 上 下;
margin:0 auto 0px; 这个写法没见过,感觉是不是写错了!
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
十月宸
2009-08-28
知道答主
回答量:34
采纳率:0%
帮助的人:11.9万
展开全部
这样的应用条件并不多
margin:0 auto;用于ff下的水平居中;除非每个元素都需要这样的效果才有必要用到*{margin:0 auto;},实际上这个情况应该非常少见
事实上一般多用*{margin:0;padding:0}是用于消除IE和FF对body\ul默认效果不一致而作的预先统一。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友773a823
2009-08-28 · TA获得超过180个赞
知道答主
回答量:119
采纳率:0%
帮助的人:48万
展开全部
Margin:上边距 右边距 下边距 左边距
当后面跟两个参数时,就是
Margin:上下边距 左右边距
跟一个参数时,就四个边距
Margin:四边距
至于后面的auto是自动检测边距
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式