如何垂直对齐字体真棒图标

ash*_*orx 3 html css font-awesome

我正在使用字体超赞的电池,但它水平对齐。我垂直需要它。我知道了

M使用这个

<i class="fa fa-battery-full" aria-hidden="true"></i>
Run Code Online (Sandbox Code Playgroud)

实际结果

在此处输入图片说明

这是预期的结果 在此处输入图片说明

rgu*_*ing 5

使用文档中的本机字体真棒类

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<i class="fa fa-battery-full fa-rotate-270" aria-hidden="true"></i>
Run Code Online (Sandbox Code Playgroud)

  • fa-rotate-90
  • fa-rotate-180
  • fa-rotate-270
  • fa-flip-horizontal
  • fa-flip-vertical