我在这里回答了这个问题：Left-align image and centered text on same level inside of a div?
但是，我遇到了这个解决方案的问题。标题定义了一系列字体系列。当用户计算机上没有其中一个字体系列时，显示不同的字体，图像左侧的静态位置将变得不正确。有没有办法检测到这种情况并为每个字体系列添加静态位置？或者，更好的是，无论大小/家庭如何，都可以自动将图像保持在正确的位置？
由于
小提琴：http://jsfiddle.net/linmic/5L5V9/
它从母版页代码继承font-family。
答案 0 :(得分：1)
以下是我认为你想要的一个例子，使用top：50％;图像尺寸为48px，上边距为-24px，以使其垂直居中：
答案 1 :(得分：0)
确保获得所需字体的最佳方式＆amp;正确定位您的图像＆amp;标题是选择@ font-face使用的（合法）字体。
有关说明＆amp;很多@ font-face字体都有Font Squirrel
答案 2 :(得分：0)
我个人喜欢使用CSS背景图像来居中文本旁边的图像。这是一个例子：http://jsfiddle.net/mattimus/ZsmCG/
此方法的缺点是您无法使图像可点击。