Dec 16

对于WordPress中的各部分,利用margin属性,在CSS中可以方便的调整个部分的位置。

margin也称为外边距或者外补白,margin属性包括margin-top,margin-right,margin-bottom,margin-left。可以用来设置box的margin area。属性margin可以用来同时设置box的四边外边距,而其他的margin属性只能设置其自各的外边距。margin属性可以应用于几乎所有的元素。


属性margin有四个值,那么值将按照上-右-下-左的顺序作用于四边,即从元素的上边开始,按照顺时针的顺序围绕元素。表达式如下:

margin:top right bottom left;

四个数值中间以空格分隔。效果等同于:

margin-top:value;
margin-right:value;
margin-bottom:value;
margin-left:value;

并且规范还提供了省略的数值写法,基本原则如下:
●如果没有left值,则使用right代替;
●如果没有bottom值,则使用top代替;
●如果没有right值,则使用top值代替。

另外Margin允许省略部分数值,大致有下面这几种省略:

●如果margin只有三个值,按照值的顺序为margin:top right bottom; 缺少了left,根据原则,则left的值有right来代替。

margin:10px 20px 30px;就等于margin:10px 20px 30px 20px;

●如果margin只有两个值,按照值的顺序为margin:top right; 缺少了bottom和left,根据原则left的值由right来代替,bottm的值由top来代替。

margin:10px 20px;就等于margin:10px 20px 10px 20px;

●如果margin只有一个值,按照值的顺序为margin:top; 缺少了bottom、left和right,根据原则left的值由right来代替,bottom的值由top来代替,right的值右top来代替,也就是说left的值也由top来代替。

margin:10px;就等于margin:10px 10px 10px 10px;

written by Minidxer  |  tags: , , , ,

Related Post

Leave a Reply