将左浮动 div 中的图像与右浮动 div 上的文本垂直对齐
我遇到了这个问题，内容页面上有 2 个 div（在内容包装器内），并且我无法让图像与其旁边的文本对齐。
.text-block{position:relative; float:right; width:70%; height:auto}
然后我有图像：
.img-block{position:relative; float:left; vertical-align:middle;}
但不确定当图像位于不同的 div 中时是否可以将图像与文本对齐。
I'm having this problem where I have 2 divs on a content page (within a content wrapper) and I can't have the image aligned with the text next to it.
.text-block{position:relative; float:right; width:70%; height:auto}
then I have the image:
.img-block{position:relative; float:left; vertical-align:middle;}
Not sure if is possible to have an image aligned with text when they're in different divs though.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
在这里，我将文本垂直对齐到图像 div 旁边的中间。仅使用 CSS，未使用 JavaScript。
文本垂直居中对齐 - 示例
希望这是您期望的结果...
如果您正在寻找对于更多事情，请发表评论...
Here I've made text vertical align as middle next to a image div. Only CSS, no JavaScript used.
Text Vertical Align Middle - Sample
Hope this is the result you expect...
If you are looking for some thing more, pls make comment...