我的文本垂直居中的问题 u_u

Question

所以你看，我在这里遇到了一个大问题。我已经尝试了很多解决方案，但没有一个对我有用。我正在制作一个自定义工具提示，并试图让其中显示的文本垂直居中，但我无法做到。

    .tooltip {
    display:none;
    background:transparent url(slides/tooltip_img.png);
font-family:Helvetica;
    font-size:16px;
    height:157px;
    width:149px;
    color:#eee;
text-align:center;
line-height:20px;
    }

这就是我试图使其垂直居中的方式：

    <div id="tooltip" style="height:62px;margin-left:46px;margin-top:102px;vertical-align:middle">
    <img src="supahsource.png" title="Tooltip info"/>

无论如何，我没有得到我正在尝试的结果，有人可以帮助我吗？非常感谢。

Answer 1

vertical-align 仅适用于 Table 元素。尝试使用position: absolute，如果您真的想使用vertical-align，请在您希望垂直对齐的块上使用display: table-cell;。