在 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%;
}
最佳答案
你可以看看这个说明网站http://css-tricks.com/what-is-vertical-align/
您可以使用 vertical-align:middle
属性将图像与文本对齐。
这是一个示例 http://www.w3schools.com/cssref/tryit.asp?filename=trycss_vertical-align
关于html - 在顶部图像上居中垂直图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28359146/