Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改字体图标的方向?_Javascript_Css_Font Awesome_Font Awesome 5 - Fatal编程技术网

Javascript 如何更改字体图标的方向?

Javascript 如何更改字体图标的方向?,javascript,css,font-awesome,font-awesome-5,Javascript,Css,Font Awesome,Font Awesome 5,我正在使用字体库来显示解锁图标 因此,默认情况下,方向是右方向,我想将其改为左方向 <i class="fas fa-unlock-alt"></i> 那么,有没有什么方法可以改变解锁图标的方向呢?您可以使用font Asome旋转和翻转图标。在您的情况下,您可以尝试以下方法: <i class="fas fa-unlock-alt fa-flip-horizontal"></i> 查看此链接了解更多信息您可以使用文档中的fa flip

我正在使用字体库来显示解锁图标

因此,默认情况下,方向是右方向,我想将其改为左方向

<i class="fas fa-unlock-alt"></i>


那么,有没有什么方法可以改变解锁图标的方向呢?

您可以使用font Asome旋转和翻转图标。在您的情况下,您可以尝试以下方法:

<i class="fas fa-unlock-alt fa-flip-horizontal"></i>


查看此链接了解更多信息

您可以使用文档中的
fa flip horizontal


考虑到JS+SVG版本,您可以使用
flip-h
水平翻转图标


fa-flip-horizontal
顺便说一句,您可以使用css(以防您不使用
font-awesome
并且希望更改方向)和
transform:scaleX(-1)