CSS:在div中垂直居中图像和文本

标签 css html vertical-alignment

我试图将图像和一些文本垂直居中放置在单个 div 的中间(例如网页顶部的 Logo 和站点名称)。图像将位于左侧,周围有一些填充,文本将紧挨着图像并垂直放置在 div 的中央。

此图像可视化结果:

enter image description here

我已经尝试了来自整个互联网的许多代码,但无法使其正常工作。任何帮助将不胜感激。谢谢!

最佳答案

vertical-align: middle 添加到您的图像。这是一个 jsfiddle举例说明。

关于CSS:在div中垂直居中图像和文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11988422/

相关文章:

html - 无法在与其他人水平对齐的 div 内垂直对齐文本

html - XP 上的 IE7 不听样式表,尽管 7 上的 IE8 Compat 模式可以

Javascript 日期减去 30 分钟/完整日历调整大小错误

javascript - Bootstrap 进度条编程运行时

javascript - 选择没有下拉选项的标签

javascript - 从HTML中取出JS代码来单独的js文件,导致错误

html - 为什么在div中添加文本时会出现空隙?

javascript - 我使用 jQuery 创建了一个幻灯片,当我向下滚动时幻灯片停留在屏幕中间

php - 警告 : filemtime(): stat failed for

java - 为什么我的组件超出了边界,请帮助我将其与必要的代码对齐