Question

我知道你可以将文字颠倒过来，但我试图将一封信翻译成可能吗？

Answer 1

您可以使用CSS变换，基本上围绕 x 轴旋转。将该字母包装在span元素中，并使其成为内联块。示例（适用于现代浏览器）：

<style>
.upsidedown {
  display: inline-block;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg); 
}
</style>
Here is a letter turned upside down: <span class="upsidedown">J</span>

然而，CSS转换在应用于字母时往往会产生印刷效果不佳的结果，特别是对于衬线字体。旋转元件的位置也很困难，例如如果你想让它出现在文本基线上（但问题中没有指明）。

考虑分析原始问题，尝试找到不同的方法。例如，如果您需要颠倒特定字母，可能会找到符合您需求的Unicode字符

Answer 2

使用颠倒的课程，确定颠倒的样式，并将其应用于单个字母。

<html>
...
Upside down <span class="upsidedown">U</span>.
...
</html>

网上有很多资源讨论如何定义180度旋转，例如

http://www.codeproject.com/Tips/166266/Making-Text-Upside-down-using-CSS

我需要在css中颠倒一个字母

2 个答案: