几天之后，我正在尝试一个非常大的问题，当使用非常酷的技术垂直居中一个div与css3变换（transform：translateY（-50％）;）这里描述：
https://davidwalsh.name/css-vertical-center
实际上，此div中包含的元素（文本或图像）变得模糊。
我尝试了很多技术（transform：translateZ（0）; backface-visibility; scale（1）; translateX（calc（-50％+ 0.5px））; filter：blur（0）;依此类推） 。但实际上没有任何效果。
唯一有效的方法是使用另一种技术垂直居中div，例如display：table-cell。
但是，由于显而易见的原因（比如添加div容器的义务），我宁愿不这样做。
所以我有两个问题：
首先，你知道一种有效的技术吗？ 第二，这是Chrome的最新（或最新）版本的新问题吗？
感谢您的帮助，
大卫
PS： 这里表达的所有旧解决方案 Webkit-based blurry/distorted text post-animation via translate3d 不工作
答案 0 :(得分：0)
目前，我只找到一种好的解决方案：
transform: translate(-50%, -50.1%)
希望Chrome能够解决此问题-该错误自2014年以来就存在））））