2

我知道您可以将文本倒置，但我试图将一个字母倒置，这可能吗？

4

2 回答 2

7

您可以使用 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 字符

于 2013-10-26T09:05:56.973 回答
0

使用颠倒类创建一个跨度，定义颠倒样式，并将其应用于单个字母。

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

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

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

于 2013-10-25T23:46:50.107 回答