Question

PhpStorm（我的IDE）说我的CSS

div.stepDot {
    width:10px;
    height:10px;
    border:1px solid gray;
    border-radius:50%;
    background-color:white;
    position:relative;
    bottom:6px;
    display:inline-block;
    margin:0 28px;
    margin-bottom: 13px;
}

可以缩短保证金和保证金底线。它试图说什么？

Answer 1

速记的工作原理如下：

margin: top right bottom left;

在您的代码中，它将是：

margin: 0 28px 13px;

如果您没有指定所有参数，则它们的工作方式如下：

margin: top right-left bottom;
margin: top-bottom right-left;
margin: top-right-bottom-left;

Answer 2

margin: 0 28px;指定水平和垂直边距，因此它与指定上边距，右边距，下边距和左边距的margin: 0 28px 0 28px;相同。

更改下边距使整个效果与margin: 0 28px 13px 28px;相同。这可以缩短为margin: 0 28px 13px;，它指定顶部，垂直和底部边距。

我如何结合＆＃34;保证金：0 28px＆＃34;和＆＃34;保证金底部：13px＆＃34;？

2 个答案: