html - Font Awesome Unicode - 如何将图标一直 float 到右侧

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 属性 p>

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