需要在不同的div中对p标签进行垂直对齐

Question

嘿，我正在网站上工作，碰巧我试图在不同的div（不同的高度）内对p标签进行垂直对齐，但我无法做到。你能救我吗？

Answer 1

在jsfiddle上测试，有效。宽度，高度和边界用于演示对齐。需要CSS3浏览器支持。

<div style="width: 300px; height: 300px; border: 1px solid #000000;">
    <p style="display:block; position: relative; top: 50%; transform: translateY(-50%); margin: auto; border: 1px dashed red; width: 100px; text-align: center;">Content</p>
</div>