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

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字符