CSS中框的水平格式编排的七个属性中,能够设置为auto的有三个属性,就是width、margin-left、margin-right。下面就其具体设置为auto时的一些情况予以说明:
1、三个属性均未设置为auto
当这三个属性都未被设置为auto时,margin-right总是会被强制设置为auto。这意味着margin-right会被设置成一个值以使框的七属性的值的总和达到父元素的width值。
2、两个边界被显式声明,width被设置为auto
在这种情况下,width被设置为一个值以达到所需要的总宽度。
3、两个边界被设置成auto,width显式设定。
这样的话两个边界会被设置成各占50%的宽度,即相同的宽度。这样会使元素在其父元素中居中。
4、一个边界显式设定,另一个边界和width设置为auto
在这种情况下,设置为auto的边界会被强制的设置为0。而width则会设置成达到总需求所需要的值。
5、三个属性均被设置为auto
在这种情况下,两个边界会被设置为0,width设置为最大可能值。
如:
.wrap {
margin-left:auto;
width:765px;
margin-right:auto;
}