Css Can'；t将引号与中间对齐

我试图通过伪元素始终垂直对齐中间的开放引号。当您缩小尺寸时，它会对齐，但默认情况下，它高于我的报价。有没有一种方法可以让它一直垂直排列在中间？

CSS

blockquote {
    margin: 3em;
    padding: 0 3em;
    position: relative;
}

blockquote::before {
    content: open-quote;
    left: -40px;
}


blockquote::before, blockquote::after {
    top: 50%;
    color: #F1722E;
    font-size: 124px;
    position: absolute;
    transform: translateY(-50%);
}

HTML

<blockquote>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus iure rem repudiandae incidunt corporis obcaecati voluptate officia. Facere laborum ipsam molestiae dolorum libero nesciunt ducimus aliquid voluptatibus. Ad praesentium fugiat.</blockquote>

Lorem ipsum door sit amet，concetetur adipsicing elit。驱避剂，驱避剂，驱避剂，驱避剂，驱避剂，驱避剂。第二部分是关于自由和流动性的研究。福吉亚岛。

---

您可以通过调整未平仓报价的页边距顶部来完成此操作。看

我对CSS进行了如下调整：

blockquote {
    margin: 3em;
    padding: 0 3em;
    position: relative;
}

blockquote::before {
    content:'"';
    left: -40px;
}


blockquote::before, blockquote::after {
    top: 50%;
    color: #F1722E;
    font-size: 124px;
    position: absolute;
    margin-top:-48px;
}

---

本质上，边距顶部是元素高度的一半，这将根据

top

属性将元素的中间位置定位为50%。因为这是一个引号，我们不得不对数字做一点篡改。

谢谢！这是有道理的。