html – 如何垂直对齐font-awesome图标

概述我正在使用font-awesome电池,但它是水平对齐的.我需要它垂直.我能得到它. M使用这个 <i class="fa fa-battery-full" aria-hidden="true"></i> 实际结果 这是预期的结果 .fa.fa-battery-full { -webkit-transform: rotate(-90deg); -moz-transform: 我正在使用Font-awesome电池,但它是水平对齐的.我需要它垂直.我能得到它.

M使用这个

<i  aria-hIDden="true"></i>

实际结果

这是预期的结果

解决方法

.fa.fa-battery-full {        -webkit-transform: rotate(-90deg);    -moz-transform: rotate(-90deg);    -ms-transform: rotate(-90deg);    -o-transform: rotate(-90deg);    transform: rotate(-90deg);    }

<link href="https://maxcdn.bootstrapcdn.com/Font-awesome/4.7.0/CSS/Font-awesome.min.CSS" rel="stylesheet"/><i  aria-hIDden="true"></i>

总结

以上是内存溢出为你收集整理的html – 如何垂直对齐font-awesome图标全部内容，希望文章能够帮你解决html – 如何垂直对齐font-awesome图标所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。