html - 在顶部图像上居中垂直图像

标签 html css

在 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/

相关文章:

html - 2 行中的 CSS 渲染列表项

html - 如何使我的 div 随窗口/屏幕尺寸变化而换行?

ios - 使用 UIWebview 和下拉菜单时,ios7 选择器不会换行文本。

jQueryUI Sortable 不显示内联

html - 在组件中引用 ngFor 值

javascript - 修复哎呀出了点问题!在谷歌地图 API 中

html - 如何将 github 的 "current streak"贡献添加到我的博客?

javascript - 如何将信息从 WPF 应用程序传递到 HTML 页面

javascript - 尝试返回特定于 DOM 输入的函数

javascript - Safari 12.1 中的变换原点动画问题