html - 将左侧 float div 中的图像与右侧 float div 中的文本垂直对齐

标签 html css text vertical-alignment alignment

我遇到了这个问题,我在内容页面上有 2 个 div(在内容包装器中)并且我无法将图像与其旁边的文本对齐。

.text-block{position:relative; float:right; width:70%; height:auto}

然后我有图像:

.img-block{position:relative; float:left; vertical-align:middle;}

不确定当图像位于不同的 div 中时是否可以使图像与文本对齐。

最佳答案

在这里,我将文本垂直对齐到图像 div 旁边的中间位置。仅使用 CSS,不使用 JavaScript。

Text Vertical Align Middle - Sample

希望这是你期望的结果......

如果您正在寻找更多东西,请发表评论...

关于html - 将左侧 float div 中的图像与右侧 float div 中的文本垂直对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9007475/

相关文章:

html - 使用 CSS 网格切换具有动态数据表的行上的列?

html - 为什么 CSS 网格布局会在单元格之间添加额外的间隙?

javascript - 使用 Javascript 放大图像

javascript - 我如何根据需要在表格中添加我的 td?

html - 如何设置进度条数字计数器的样式

android - 文本未显示在 MapView 叠加层上

java - Java中文本颜色的意义是什么? (为什么 public/private = red | class = cyan)

CSS 嵌套 div 和属性继承

css - 在不使用 JS/jQuery 的情况下在导航栏中创建登录下拉列表?

javascript - 在 Javascript 中动画文本