Question

我有一个垂直的CSS精灵菜单。

我想在每个垂直按钮之间实现（例如）3像素空间。是否可以使用CSS创建此空间？

或者是唯一一个用所有按钮调整Sprite大小并在CSS文件中设置所有新位置的选项？

Answer 1

是的，这是可能的。

假设每个按钮独立于其他按钮使用背景，您可以简单地在每个按钮上设置边距：

例如：

#menu li{
   background: url(../urlToSprite) /* set positions elsewhere */
   margin-bottom:3px;
}

Answer 2

是的，它使用起来很简单但是markup的主要问题。写得像这样：

ul#menu {
    clear: both;
    float: right;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#menu li {
    margin-bottom: 3px;
    margin-right: 10px;
    overflow: hidden;
    text-indent: -9999px;
}

＆安培;从<br>

中删除html

CSS Sprite菜单按钮与CSS之间的空格

2 个答案: