对于一个元素来说,margin外边距可以有如下几种取值:
margin: 20px; /* 设置四个方向的外边距都为20px */ margin: 10px 5px; /* 设置上下外边距为10px,左右外边距为5px */ margin: 5px 10px 15px; /* 设置上外边距为5px,左右外边距为10px,下外边距为15px */ margin: auto; /* 居中显示 */
当margin的取值为auto时,元素会在其容器中水平居中显示。除此之外,大家还可以使用负值来设置外边距,使元素更加精准地对齐。比如使用margin-left: -10px可以让元素向左移动10px。需要注意的是,margin的取值必须为整数或百分数。