如何在锚标签之间添加空格？

Question

我想给我的锚标签一些肘部空间。我试图添加填充和边距，并且都没有工作（即使我给他们一个很多，正如你在这里看到的那样）：

a {
    line-height: 1em;
    display: inline-block;
    text-decoration: none;
    padding: 120;
    margin: 42;
}

如何在锚元素之间添加一些间距？

整个工具包和kaboodle都在这里：http://jsfiddle.net/clayshannon/pRgQL/

我最终选择了这个：http://jsfiddle.net/clayshannon/pRgQL/18/

Answer 1

在CSS中，不同的长度/大小需要具有特定的单位，浏览器不会猜测你的意图，它只是丢弃无效的属性值，在这种情况下我使用px，因为我假设那是什么你想用：

a {
    line-height: 1em;
    display: inline-block;
    text-decoration: none;
    padding: 120px;
    margin: 42px;
}

JS Fiddle demo

替代单位包括（但不限于）：em，rem，ex，pt，cm （其中包括）。

参考文献：

• CSS Values and Units Module, Distance Units: the <length> type。

Answer 2

您需要将单位添加到边距和填充中，例如

padding: 120px;
margin: 42px;

Answer 3

先生，我可以补充一点，您忘记在您的号码中添加单位。这些数字必须包含单位，因此请尝试添加px。这应该为你做的魔术。例如：

a {
    line-height: 1em;
    display: inline-block;
    text-decoration: none;
    padding: 120px;
    margin: 42px;
}

Answer 4

<a>1<a/>&nbsp;&nbsp;&nbsp;&nbsp;<a>2<a/>

1 2

如果你愿意，不打破空间..