Question

我有这样的HTML：

    <div id="userBar">
<a href="notifications.php" class="iconGlobe"></A>
<a href="cp.php" class="iconCP"></a>
<a href="cap.php" class="iconCAP"></a>
    </div>

.iconGlobe是一个图标，与最红色的图标相同：

.iconGlobe{
background: url(../images/icons/globe_16x16.png) no-repeat;
width: 16px;
height: 16px;
border: none;
display:inline-block;
position:relative;
text-decoration:none;
}

我试图在锚链接之间给出边距，如下所示：

#userbar a{
margin-right: 8px; 
}

但我没有申请保证金。我试图在内部进行这样做。在内部有一个边缘权利，并且工作正常。我不希望不经常使用它们。

Answer 1

你不能给内联元素赋予边距。将您的代码更改为：

#userbar a{
display: inline-block;
margin-right: 8px; 
}

但请注意，旧版本的IE可能会忽略此...

Answer 2

这是一个案例的问题？你的HTML中有

<div id="userBar"> - 请注意国会大厦B和CSS中的

#userbar a{

- 小写字母b ....

您需要为边距设置块元素 -

#userBar a{ display:block}

Answer 3

试试这个：

#userbar a{
   display: block;
   float: left;
   margin-right: 8px;
}

Answer 4

您的代码是正确的。问题在于#useBar和id ='usebar'的情况不匹配。在纠正案件时，它可以正常工作。见这里 - http://jsfiddle.net/pGpwb/

CSS：保证金img

4 个答案: