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

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小提琴演示.

替代单位包括(但不限于): ,em,rem,ex,pt(cm等等).

参考文献:

• CSS值和单位模块,距离单位:<length>类型.

Answer 2

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

1 2

如果您愿意，可以使用不间断空间