扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
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;”。
margin是用来设定该元素与相邻元素直接的距离。
margin:0
20px
30%
0对应的是与上,右,下,左四边相邻元素的距离。
30%指下边距为其父元素的宽度的30%
补充:
1.如果margin只有三个值,按照值的顺序为margin:top
right
bottom;
缺少了left,根据原则,则left的值有right来代替。
margin:10px
20px
30px;就等于margin:10px
20px
30px
20px;
2.如果margin只有两个值,按照值的顺序为margin:top
right;
缺少了bottom和left,根据原则left的值由right来代替,bottm的值由top来代替。
margin:10px
20px;就等于margin:10px
20px
10px
20px;
3.如果margin只有一个值,按照值的顺序为margin:top;
缺少了bottom、left和right,根据原则left的值由right来代替,bottom的值由top来代替,right的值右top来代替,也就是说left的值也由top来代替。
margin:10px;就等于margin:10px
10px
10px
10px;
这是内核浏览器的bug,很普遍的问题。解决的方法有几种:
1.margin换成padding(最快捷的方法)
2.使用浮动
3.给父级div加点内容,比较边框之类。或者在id=lianjie_t的div之前加点内容
具体不懂的话可以M我,互相帮助,望采纳。。。
补充下,这个问题在IE6是可以的,是浏览器的BUG问题,只要是父级div没有内容(也就是id=lianjie_t之前没内容),而且使用margin就会出现这个问题。别和自己较劲。。。
CSS中margin和padding有以下三方面区别。
在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。
1、语法结构。
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; 下外边距。
2、可能取的值。
padding:length规定具体单位记的内边距长度、%基于父元素的宽度的内边距的长度、auto浏览器计算内边距、inherit 规定应该从父元素继承内边距。
margin:length 规定具体单位记的外边距长度、%基于父元素的宽度的外边距的长度、auto浏览器计算外边距、inherit 规定应该从父元素继承外边距。
3、浏览器兼容问题。
padding:所有浏览器都支持padding属性、任何版本IE都不支持属性值“inherit”。
margin:所有浏览器都支持margin属性、任何版本IE都不支持属性值“inherit”。
css有时MARGIN 不起作用是设置错误造成的,解决方法为:
1、新建一个HTML文件,命名为test.html。
2、为了测试出明显的效果,在test.html使用div定义了一个带边框的模块,里面放一个p标签。下面以p标签的外边距设置为例,详细讲解margin的使用。
3、使用margin设置p标签的左外边距。主要使用margin-left的方法定义左外边距的样式,值越大,距离左边就越大。
4、使用margin设置p标签的右外边距。主要使用margin-right的方法定义右外边距的样式,值越大,距离右边就越大。
5、使用margin设置p标签的上外边距。主要使用margin-top的方法定义上外边距的样式,值越大,距离上边就越大。
6、使用margin设置p标签的下外边距。主要使用margin-bottom的方法定义下外边距的样式,值越大,距离下边就越大。
Padding:这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。值 描述
* padding-top
* padding-right
* padding-bottom
* padding-left
设置内边距。
值可以是:
* 百分比(基于父元素宽度的百分比)
* 长度值(固定的padding值)
Margin:这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。
块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。
值 描述
* margin-top
* margin-right
* margin-bottom
* margin-left
设置针对边距的属性。
值可以是:
* 百分比(基于父对象总高度或宽度的百分比)
* 长度值(定义一个固定的边距)
* auto(浏览器设定的值)。
默认值:未定义。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流