CSS：变换：翻译（-50％，-50％）使文本模糊

我想中心我的div和我使用这种方法，但它使我的文本里面的div模糊：

 <!-- language: lang-css --> #div { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 

有什么办法可以让我的div居中？

Answer 1

将这些样式添加到要翻译的元素块中以修复反锯齿，将Z轴转换为零值。

 -webkit-font-smoothing: subpixel-antialiased; -webkit-transform: translateZ(0) scale(1.0, 1.0);