图标字体给图标和文字之间的边距

Question

我不是一个css专业版。我想给图标和文字之间留有余量。我试过这种方式。但结果与我预期的不相似。

.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

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

：前：后方法

或

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