Javascript 以绝对div绝对值居中内容/文本；从中心变换

我希望内容垂直居中于父div（全宽）。它当前可以正确转换/转换，但它位于屏幕中央，内容左侧

内容是动态的（使用了示例文本），因此我无法完全控制其宽度。（页面看起来是空白的，但当鼠标悬停在文本上时，文本显示在中间附近）

动态示例文本
/*此文本只是一个示例，我的文本是通过等方式引入的*/

链接：

---

将其添加到您的

中。cat icn

样式块：

转换：转换（-50%，-50%）。这将使它处于死角。
是的。我正要这么说。这就是答案。请确保对较旧的浏览器使用一些前缀。首选的前缀是什么prefixes@user3550879，&。另外，这似乎不会影响我的代码，请记住，我使用的是示例文本，文本是动态的，因此宽度会发生变化。它与变换原点一起旋转。它适用于定义的文本，而不是动态你确定吗？似乎对我有用：。
<article id="..." class='col-md-12' >

    <div class="lg-indx-img" 
        <a href="#" class="linkage"></a>

        <div class="cat-icn">
          <p>dynamic sample text</p> /* this text is just a sample, my text is brought in through  <?php the_title(); ?> etc */
        </div>

        <div class="cover"></div>
    </div>

</article>