Html 使用变换（-50%，-50%）将部分居中时，文本变得模糊

我使用此代码将一个部分居中：（这是我唯一可以将该部分居中的方法）

该部分的中心位置很好，但问题是文本变得模糊，而且hr看起来又丑又模糊，
我尝试过所有方法，如webfont smooth等，但根本不起作用！：（
有人能帮我吗？
谢谢…

从另一个角度来看，答案是

h5 {
  background: transparent;
}

不确定这是否是你的问题的答案

编辑： 或者这个怎么样

.parent-element {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

---

我尝试了所有的解决方案，有时有效，有时无效。最后我放弃了使用此方法来居中元素。请尝试以下方法，而不是使用转换：

width: 50vw;
height:50vh;
position: fixed;/*or absolute*/
margin:25vh 25vw;

---

此代码将主元素居中显示在屏幕上。您可以使用flex或其他解决方案将内部元素居中…

我在Chrome和Firefox上测试了它，文本对我来说并不模糊…相关：您不能使用边距或其他东西将其居中？@AhsN在我使用它的情况下，它非常模糊和难看，浏览器不重要，它的bChrome、Opera和Firefox中的lurry…你能发布图像或摆弄吗？正如@Ahs N所说，找不到文本或hr.darn的任何问题。希望我能看到我身边的模糊度如何使用像素值而不是百分比进行变换？我使用的是变换（-50%）要使高度和宽度未知的部分居中，我如何使用像素值使该部分居中？有办法吗？除非家长有一个定义的高度和宽度，否则我不知道如何居中。你知道，我不能公开共享该项目，你能给我一个电子邮件地址或其他什么，以便我可以向你发送文件吗？非常感谢男士：）

.parent-element {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

width: 50vw;
height:50vh;
position: fixed;/*or absolute*/
margin:25vh 25vw;