仅使用CSS翻转反转镜像文本

您的代码是正确的，但是有一种更简单的方法可以做到这一点：

img.flip {  -moz-transform:    scaleX(-1);   -o-transform:      scaleX(-1);   -webkit-transform: scaleX(-1);   transform:         scaleX(-1);   filter: FlipH;      }

我认为这可以解决您居中的镜像问题。

如前所述，您必须将元素设置为使用块，行内块等的显示。