我知道如何显示这样的图标：
<span class='icon-remove'></span>
但是，如果我添加padding到span，则会出现额外的图标。如何解决？
span {
padding-right:60px;
}
问问题
3204 次
3 回答
1
我想你只是想在图标的右边有一些空格？你有没有试过margin：
<span class='icon-remove' style='margin-right:60px'></span>
于 2013-02-26T23:11:14.977 回答
1
额外填充显示更多图标的原因是 Bootstrap 使用 CSS sprite 来显示图标。您实际看到的是背景图像，更具体地说，是包含许多可用图标的大型背景图像的一部分。“icon-remove”类的定义指定了用于选择特定图标的背景位置属性。如果添加填充，您将显示更多背景图像，其中将显示其他图标。
那么，解决方案是要么像 Rid Iculous 所建议的那样添加边距，要么将你放在另一个元素中并为其添加填充。我会选择保证金。
于 2013-02-26T23:18:12.037 回答
1
字形使用一个大图像映射（或所谓的 CSS 精灵）呈现，因此如果您在元素的任一侧留出足够的空间，它也会显示其他字形。想到了两个解决方案：
1）将图标放在包含元素中：
<span><i class='icon-remove'></i></span>
2）或使用保证金：
span { margin-right: 60px }
于 2013-02-26T23:18:19.180 回答