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;。

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

1 个答案: