因为项目需要,在代码中引用了返回的箭头字体图标">",但是在不同的页面中,可能样式相同,但是箭头的朝向有所不同,这个时候感觉再引入上下左右4个朝向的箭头又有点麻烦。于是想起了之前css中的rotate函数,直接使用这个岂不是360度怎样旋转都可以,简直nice。
但是在代码中直接添加,貌似没有效果啊:
错误写法
想了半天到底为啥,终于想起来一件事,我这是使用的字体图标,相当于文字啊,直接旋转肯定不行的,于是
咱加上一句,将其转换为块元素试试,
正确写法
因为我这里要放在一行并列显示,所以用了inline-block,如果没有这个要求,block也是可以的。
哈哈,大功告成