转换: 翻译(-50% ，-50%)使文本模糊

我想让我的 div居中，我使用这种方法，但它使我的文本内的 div模糊:

<!-- language: lang-css -->


#div {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

有什么办法可以使我的 div中心吗？

58112 次浏览

小开

Add these styles around elements blocks which you are translating to fix the anti-aliasing, Translate Z-axis to have a zero value.

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