Question

来自stackoverflow中的其他人的帮助我已经将我的文本水平放在图像上。现在我希望文本在垂直中心。非常感谢你们

<body>
    <div class="images">
    <img src="image.jpg" id="imageid" />
    <div class="texts" id="text">
        <a href="#">Gallery 1</a>
    </div>
</div>

.images {
    position:relative;
    text-align:center;
    float: left;
}

.texts {
    left: 0;
    position:absolute;
    width: 100%;
}

Answer 1

您可以查看此解释性网站http://css-tricks.com/what-is-vertical-align/

您可以使用vertical-align:middle属性将图像与文本对齐。

以下是http://www.w3schools.com/cssref/tryit.asp?filename=trycss_vertical-align

示例

在顶部图像上的中心垂直图像

1 个答案: