给图像和文本一个vertical-align:middle-文本需要包含在一个元素中,该元素还要显示:inline。因此标记如下:
<div> <span><img src="blah.jpg" /></span> <span>text text text</span></div>div { display: table;}img { vertical-align: middle; display: table-cell;}span { vertical-align: middle; display: table-cell;}应该管用。这是一个演示的jsfiddle(经过编辑的小提琴也显示了容器内的所有垂直对齐)。
编辑:要获得所需的行为,我建议使用其他显示属性-容器的表和包含元素的表单元格。Fiddle链接已更新,其中包含更改。
编辑:我唯一想到的使其工作的方法是将图像包装在另一个内联容器中,在这种情况下为跨度。我已经更新了小提琴以进行演示。



