令人敬畏的Unicode字体-如何将图标一直浮动到右侧

Question

如果图标使用的是传统的<i></i>标签，我知道该怎么做，但是我在链接后使用fa图标作为Unicode。

所以我的链接CSS看起来像这样：

#menu li a:after {
  font-family: FontAwesome;
  content: "\f054";
  display: inline-block;
  float: right;
  padding-left: 10px;
  vertical-align: middle;
}

该图标出现在右侧链接旁边，这是正确的，但是如何将图标一直向右对齐？

一直到菜单宽度的尽头。

我正在尝试float: right，但我认为这是不正确的。

Answer 1

您可以删除 float 和 display 属性，并改用 position 和 right 属性

#menu li a:after {
  font-family: FontAwesome;
  content: "\f054";
  position: absolute;
  right: 0px;
  padding-left: 10px;
  vertical-align: middle;
}