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

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 .