图标字体在图标和文本之间提供边距

Question

我不是css pro。我想在图标和文字之间给出边距。我试过这种方式。但结果与我的预期不相似。

.user-details i{
  margin: 0 10px 0 -2px;
}

我想在图标和文字之间留出相同的空间。

Answer 1

正如我在评论中所说，您可以添加：

.user-details i{
    margin: 0 10px 0 -2px;
    display: inline-block; /* so min-width can be used */
    min-width: [width-of-largest-icon]px;
}

另外，don't forget about inline-block whitespace。

Answer 2

独山，当我看到你的图标列表图片时， 我想建议你尝试其他两种方法

：before：after methods

或

background：url（background-icon-image.jpg） -10px 0px no-repeat; -10px 0px是背景位置属性， 指定背景图像的位置 我个人经常使用这个来对齐图标;