将垂直图像居中放置在顶部图像上

Question

from some helped from others in stackoverflow i already horizontal my text on image. 在stackoverflow中，一些人的帮助下，我已经在图像上水平放置了文本。 Right now i want the text at center on vertical also. 现在，我也要在垂直居中对齐文本。 Thank you very guys 谢谢你们

<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

You can take a look into this explanatory site http://css-tricks.com/what-is-vertical-align/ 您可以浏览此说明性网站http://css-tricks.com/what-is-vertical-align/

You can use vertical-align:middle property to align the image to the text. 您可以使用vertical-align:middle属性将图像与文本对齐。

Here is a sample http://www.w3schools.com/cssref/tryit.asp?filename=trycss_vertical-align 这是一个示例http://www.w3schools.com/cssref/tryit.asp?filename=trycss_vertical-align

将垂直图像居中放置在顶部图像上

问题描述

1 个解决方案

解决方案1
0 2015-02-06 23:52:49

将垂直图像居中放置在顶部图像上

问题描述

1 个解决方案

解决方案1 0 2015-02-06 23:52:49

解决方案1
0 2015-02-06 23:52:49