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

发布网友发布时间：2022-04-28 16:53

共1个回答

热心网友时间：2022-04-19 23:17

正确的缩写为
{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;