2024年4月8日发(作者：)

Css的margin缩写

我们按照顺时针的方向顺序把margin缩写，顺序和方向必须是上右下左，如下：

margin-top:10px;

margin-left:40px;

margin-right:20px ; margin-bottom:30px;

缩写为：margin:10px 20px 30px 40px;

假如 margin的四个值都是相同的时候，可以缩写为只写一个值，如下:

margin-top:10px;

margin-left:10px;

margin-right:10px ; margin-bottom:10px;

缩写为：margin:10px;

假如 margin的四个值都是对称方向相同时候，可以缩写为只写两个值，上下相等并

且左右也相等，如下：

margin-top:10px;

margin-left:20px;

margin-right:20px ; margin-bottom:10px;

缩写为：margin:10px 20px;

假如 margin的四个值中，只有左右相等，那么可以缩写为三个值，如下：

margin-top:10px;

margin-left:20px;

margin-right:20px ; margin-bottom:30px;

缩写为：margin:10px 20px 30px;

具体代码如下:

40px;">

20px 30px

margin: 10px 20px 30px 40px;（上10px、右20px、下30px、左

40px。）

margin:10px;（上、右、下、左都是10px。）

margin: 10px 20px;（上、下10px；左、右20px。）

margin: 10px 20px 30px;（上10px；左、右20px；下30px。）