Html 翻转箭头字符

你好，我找到了我喜欢的箭头➣ <代码>➣，我试图获取此箭头的相反方向，但似乎找不到。我注意到，当我在这个页面上找到它时：列出了一个额外的代码（

➣；

），但当我需要一个左箭头时，它只会产生相同的右箭头

是否不存在用于此的左箭头

<span>&#10147;</span>

span {
  transform: rotate(180deg);
  display: inline-block;
}

span.rotate{
变换：旋转（180度）；
显示：内联块；
}
跳水{
显示：内联块；
-moz变换：比例（-1,1）；
-webkit转换：缩放（-1,1）；
-o变换：比例（-1,1）；
-ms变换：比例（-1,1）；
变换：比例（-1,1）；
}

旋转
➣
轻弹
➣

没有与U+27A3三维底部发光向右箭头对应的反向字符。一个充分的证据是，如果搜索Unicode字符数据库（例如，使用）查找名称包含三维的字符，则只会找到U+27A3和U+27A2三维右箭头。如果有一个对应的向左字符，实际上可以肯定它的名称是相似的，只是向右被向左替换

---

@Mouser提出了很好的解决办法，但我认为这个问题也值得回答。

如果不存在，你可以将它包装在一个元素中，并使用css rotate将其旋转180度。@Mouser太棒了！这对移动设备观看有多“好”？这对他们的浏览器有用吗？我真的不知道。我在windows phone 8.1上看到的箭头。Caniuse应该提供一个答案。对于iPhone，只有iOS v8.1支持

转换

，前缀为

-webkit

：请注意，css转换不会应用于

等内联元素。您需要指定

display:block或
显示：内联块
，用于处理内联元素@web tiki IE似乎可以很好地处理内联元素。你是对的，刚刚在IE 11上进行了测试，转换应用于内联元素。但根据我们的说法，内联元素不是可转换的元素，因此它不应该工作。@webtiki；不过，IE可能是唯一一个这样做的人。你的评论仍然很有用。我刚刚在chrome和FF中测试过，如果没有
display:inline块，它们不会转换跨度transform: scale(-1);
filter: flipH;
-ms-filter: flipH;