将CSS代码缩写一行:margin-left:12px; margin-top: 18px; margin-right:6px;

margin-left:12px;
margin-top: 18px;
margin-right:6px;
缩写一行

正确的缩写为 {margin:18px 6px 0 12px;}

margin属性CSS样式,如遇到上下、左右、上下左右等情况我们可以缩写简写优化。

在css中使用margin可以将margin-top,margin-right,margin-bottom,margin-left,缩写为一个标记,顺序为上右下左(顺时针)。



1、只有上下情况缩写

原始:margin-top:5px; margin-bottom:6px

缩写简写为:margin:5px 0 6px 0或margin:5px auto 6px auto

2、只有左右情况缩写
原始:margin-left:5px; margin-right:6px

缩写简写为:margin:0 6px 0 5px或margin:auto 6px auto 5px

margin:0 auto;横向居中;

margin:auto 0;纵向居中;

3、只有三边情况缩写

原始:margin-top:5px; margin-bottom:6px; margin-left:4px

缩写:margin:5px 0 6px 4px或margin:5px auto 6px 4px

4、四边相同值缩写

原始:margin-top:5px; margin-bottom:5px; margin-left:5px; margin-right:5px

缩写:margin:5px;

5、四边不同值缩写

原始:margin-top:5px; margin-bottom:6px; margin-left:7px; margin-right:8px

缩写:margin:5px 8px 6px 7px;

6、四边其中上下值和左右值各相同缩写

上下相同、左右相同原始:margin-top:5px; margin-bottom:5px; margin-left:7px; margin-right:7px

缩写:margin:5px 7px;

温馨提示:答案为网友推荐,仅供参考